/*
Theme Name: Postcards
Theme URI: http://www.postcardsfromberlin.com
Description: Custom theme for Postcards from Berlin
Version: 0.1
Author: Thomas Hartnell, Phillip Lovelace, Gavin Norman
Author URI: KS12.net
*/

/*TODO fix overall double margin errors for IE6*/
/*ref - colours used in this theme:*/

@import "reset.css";



.video_404 {
	padding-top: 20px;
}

/* Put in as a hack by Gavin... maybe a better way to do this... */
.no_posts_yet {
	padding-top: 20px;
}


/* Gavin says...
   For error notification on participate page.
   To be styled properly... */
span.error_star {
	font-size: 130%;
	color: #ff6600;
}







html {
	height: 100%;
}
body {
	font-family: Helvetica, Arial, Sans-serif;
	height: 100%;
	background-color: #dfe3e8;
	color: #665c4e;
}
/* global link styles
--------------------------------------------- */
a {
	color: #0cc;
	outline: none;
}
p a:hover, span a:hover {
	background-color: #ffa200;
	color: #fff !important;
}
/* global text styles
--------------------------------------------- */

/*top level nav, list button, footer nav*/
.style_a {
	color: #666;
	font: normal 16px 'Courier new', Courier, serif;
	line-height: 16px;
}
.style_a a {
	color: #666;
}
.style_a a:hover {
	color: #fff;
}
/*block element titles*/
.style_b {
	color: #665c4e;
	font: normal 22px 'Courier new', Courier, serif;
	line-height: 22px;
}
/*big body text*/
.style_c {
	color: #665c4e;
	font: normal 22px 'Courier new', Courier, serif;
	line-height: 24px;
}
.style_c a {
	color: #0cc;
}
.style_c a:hover {
	color: #f60;
}
/*postcard titles*/	
.style_d {
	color: #665c4e;
	font: bold 18px Helvetica, Arial, sans-serif;
	line-height: 24px;
}
/*buttons, infowindow headlines*/
.style_e {
	color: #665c4e;
	font: bold 14px Helvetica, Arial, sans-serif;
	line-height: 22px;
}
/*bodytext center column*/
.style_f {
	color: #665c4e;
	font: normal 14px Helvetica, Arial, sans-serif;
	line-height: 22px;
}
/*meta 1*/
.style_g {
	color: #665c4e;
	font: bold 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
}
/*meta 2*/
.style_h {
	color: #665c4e;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
}
/* berlin list items
--------------------------------------------- */
.style_i {
	color: #333;
	font: bold 11px Helvetica, Arial, sans-serif;
	line-height: 20px;
}
.style_i a {
	color: #333;
}
.style_k {
	color: #665C4E;
	font: normal 11px Helvetica, Arial, sans-serif;
	line-height: 20px;
}
/* global layout
--------------------------------------------- */
div.column {
	margin-right: 16px;
	float: left;
}
div.column.sidebar {
	width: 224px;
}
div.column.center {
	width: 464px;
}
div.column.triple {
	width: 704px;
}
div.column.single {
	width: 944px;
}
#wrapper {
	margin: 0 auto 0 auto;
	width: 980px;
	height: 100%;
}
#container {
	width: 980px;
	float: left;
	background-color: #fff;
	position:relative;
}
/* narrow striped page styles
--------------------------------------------- */
div.striped {
	background:url(images/striped-bg.gif) repeat;
}
div.narrow-column {
	background:#FFF;
	width:460px;
	margin:0 auto;
	padding:20px;
}
div.narrow-column h1 {
	margin-bottom:20px;
}
/*override class for hiding descriptive text when using graphic*/
.hide_text {
	font-size: 0!important;
	height: 0 !important;
	overflow: hidden !important;
	text-indent: -1000px !important;
	width: 0;
	visibility: hidden;
}
/* header
--------------------------------------------- */
#header {
	width: 980px;
	height: 115px;
	background: #fff url(images/header-bg.gif) no-repeat top left;
}
a#header_logo {
	display: block;
	width: 398px;
	height: 26px;
	outline: none;
	float: left;
	margin: 26px 0 20px 20px;
	background: #fff url(images/beta_header_logo.png) no-repeat top left;
}
ul#header_menu {
	margin: 0 0 0px 20px;
	height: 30px;
	clear:both;
}
li.header_menu_item {
	float: left;
	height: 30px;
	display: inline-block;
}
li.header_menu_item a {
	float: left;
	display: block;
	height: 30px;
	margin-right: 6px;
	background-color: #dfe3e8;
	white-space: nowrap
}
li.header_menu_item a:hover, li.header_menu_item a.active {
	background-color: #333;
	color: #fff;
}
li.header_menu_item a span.header_link_corner {
	display: inline-block;
	width: 3px;
	height: 30px;
}
li.header_menu_item a:hover span.header_link_corner, li.header_menu_item a.active span.header_link_corner {
	background-position: top right;
}
span.header_link_text {
	cursor:pointer;
	margin-top: 6px;
	vertical-align: top;
	display: inline-block;
}
span.header_link_corner.left {
	margin-right: 12px; /*float: left;*/
	background-image: url(images/header_link_corner_l.png);
}
span.header_link_corner.right {
	margin-left: 12px; /*float: right;*/
	background-image: url(images/header_link_corner_r.png);
}
/* the list
--------------------------------------------- */
.toggle_content {
	display:none;
}
.the_berlins {
	float: left;
}
p.berlin_hover_info {
	display: none;
	float: right;
	font-size:11px;
	font-weight:bold;
	padding:1px 20px 0 0;
}
h1#berlin_list {
	background:url(images/toggle-down.png) no-repeat right 50%;
	padding-right:30px;
	color: #fff;
	float:left;
	cursor:pointer;
}
h1#berlin_list.expanded {
	background:url(images/toggle-up.png) no-repeat right 50%;
}
#berlin_list_header {
	background: #333;
	height:22px;
	padding:6px 0 0 20px;
	overflow:hidden;
	clear:both;
}
#berlin_list_header p {
	color:#FFF;
}
#berlin_list_popup {
	float: left;
	width: 980px;
	background: #9c0 url(images/stripes.png) repeat-x bottom left;
	padding: 0px 0 10px 0;
}
#berlin_list_popup ul.berlin_list_block {
	float: left;
}
#berlin_list_popup ul#list_block_1, #berlin_list_popup ul#list_block_4 {
	width: 250px;
}
#berlin_list_popup ul#list_block_2, #berlin_list_popup ul#list_block_3 {
	width: 240px;
}
#berlin_list_popup ul.berlin_list_block li.berlin_list_item {
	float:left;
	width: 100%;
}
li.berlin_list_item a {
	display: block;
	padding-left: 10px;
}
li.berlin_list_item a:hover {
	background-color: #0cc;
}
#berlin_list_popup ul#list_block_1 li.berlin_list_item a {
	padding-left: 20px !important;
}
/* frontpage splash area
--------------------------------------------- */

#splash {
	float: left;
	width: 980px;
	height: 535px;
	background: url(images/frontpage_map.gif) no-repeat top left;
}
#video {
	margin-left: 20px;
	margin-top: 145px;
}
/* content
--------------------------------------------- */	
#content {
	float: left;
	width: 960px;
	padding: 20px 0 60px 20px;/*min-height: 300px;*/
}
#content h1.block_head, #content h2.block_head, #content span.block_head, #content span.block_head p, #content p.block_head, .sidebar h3.block_head {
	margin-bottom: 20px;
	float: left;
	width: 100%;
}
#content h1.cat_head {
	color: #0cc;
}
/* widgets
--------------------------------------------- */
.sidebar_widget {
	margin-bottom: 40px;
	float: left;
	width: 220px;
}
.center_widget {
	margin-bottom: 40px;
	float: left;
	width: 460px;
}
/*LOCAL INFO*/
#info_widget #info_widget_data {
	float: left;
}
#info_widget #info_widget_data img.state_map {
	width: 200px;
	height: auto;
	margin: 0 0 20px 10px;
	float: left;
}
#info_widget #info_widget_data h2.town_title {
	margin-bottom: 15px;
	float: left;
	width: 220px;
}
#info_widget #info_widget_data h2.town_title a {
	color: #0cc;
}
#info_widget #info_widget_data h2.town_title a:hover {
	color: #f60;
}
#info_widget #info_widget_data div.town_info {
	float: left;
	width: 220px;
}
/*weather*/
#weather_widget #weather_widget_data {
	float: left;
	width: 220px;
}
#weather_widget #weather_widget_data img.weather_icon {
	width: 114px;
	height: 114px;
	margin: 0 20px 20px 0;
	float: left;
}
#weather_widget #weather_widget_data h2.weather_temp {
	float: left;
	color: #8f8f8f;
	margin-top: 37px;
	width: 80px;
}
#weather_widget #weather_widget_data h2.weather_desc {
	color: #fff;
	display: block;
	background-color: #96d2d9;
	height: 20px;
	width: 215px;
	float: left;
	padding-left: 5px;
}
/*local links*/
#links_widget #links_widget_data {
	float: left;
}
#links_widget #links_widget_data ul li.local_link a {
	padding-left: 3px;
	float: left;
	width: 217px;
}
#links_widget #links_widget_data ul li.local_link a:hover {
	background-color: #ffa200;
	color: #fff;
	display: block;
}
/*optin form*/
#optin_widget #optin_widget_data {
	float: left;
}
/* opt-in form
--------------------------------------------- */
#optin_form {
	width: 460px;
	height: 160px;
	float: left;
	background: url(images/optin_stripes.png) no-repeat top left;
}
#optin_form p.optin_success {
	display: block;
	width: 440px;
	height: 104px;
	padding: 56px 0 0 20px;
	background-color: #9c0;
	color: #fff;
}
#optin_form form {
	margin: 30px 0 0 30px;
}
#optin_form form p {
	color: #665c4e;
	font-size: 14px; /*line-height: 22px;*/
}
#optin_form form p.optin_error {
	float: left;
	color: #f60;
	margin: 20px 0 0 20px;
	font-weight: bold;
}
#optin_form form input#wpoi_email {
	display: block;
	width: 314px;
	/*height: 12px;*/
		background-color: #333;
	margin-top: 10px;
	border: none;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	padding: 9px 8px 9px 8px;
}
/*#optin_form form input#wpoi_button, form.wpcf7-form p.form_submit input {
	display: block;
	width: 72px;
	height: 32px;
	margin-top: 15px;
	background: url(images/optin_send_button.png) no-repeat top left;
	border: none;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	cursor: pointer;
	float: left;
}*/
#optin_form form input#wpoi_button:hover, form.wpcf7-form p.form_submit input:hover {
	background-position: top right;
}
/* postcard styles
--------------------------------------------- */
.wrap a {
	cursor: pointer !important;
}
.wrap {
	position: relative;
	float: left;
}
/*medium*/
div.column.center .postcard_med_container {
	margin-right: 8px;
}/*this is for horizontal layout only when in 2up column*/
.postcard_med_container {
	float: left;
	width: 224px;
	height: 165px;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
}
.single .postcard_med_container{
	padding:0 6px;
}
.postcard_med {
	width: 210px;
	height: 150px;
	padding: 5px 9px 10px 5px;
	overflow: hidden;
	background: url(images/postcard_bkg_med.png) no-repeat top left;
}
.postcard_med h4 {
	padding-bottom:15px;
}
.postcard_med span.card_subtitle {
	display:block;
	padding:10px 0 10px 0;
	font: bold 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
}
.postcard_med.back {
	width: 207px;
	padding: 5px 9px 10px 8px;
	position:relative;
}
/*temp wrapper to show address unknown image if no postcard image*/
.postcard_med div.image_wrapper_med {
	width: 210px;
	height: 150px;
	overflow: hidden;
	float: left;/*background: url(images/address_unknown_med.png) no-repeat top left;*/
}
.postcard_med img {
	/*max-width: 210px;
	height: auto;*/
	height:100%;
	max-width:210px;
	min-width:100%;
}
.postcard_med.back h1 {
	padding-bottom: 15px;
	max-height: 60px;
	overflow: hidden;
}
.postcard_med div.post_comments {
	background: url(images/speech-bubble-sm.gif) no-repeat 0 50%;
	padding-left:18px;
	position:absolute;
	bottom:10px;
	position:absolute;
	left:43px;
}
.postcard_med div.post_stamps {
	background: url(images/stamp-sm.gif) no-repeat 0 50%;
	padding-left:18px;
	position:absolute;
	bottom:10px;
}

/*large*/
.postcard_large_container {
	float: left;
	width: 464px;
	height: 340px;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
}
.single .postcard_large_container{
	padding:0 4px;
}
.postcard_large_container.about-card-1 {
	margin-right: 16px;
}
.postcard_large_container.about-card-3 {
	margin-right: 16px;
}
.postcard_large_container.about-card-5 {
	margin-right: 16px;
}
h2#project-team{
	border-top:3px solid #8F8F8F;
	margin:20px 0 0 0;
	padding:30px 0 5px 0;
}
.postcard_large {
	width: 440px;
	height: 316px;
	padding: 10px 14px 14px 10px;
	position:relative;
	overflow: hidden;
	background: url(images/postcard_bkg_large.png) no-repeat top left;
}
.postcard_large span.card_subtitle {
	display:block;
	padding-bottom:20px;
}
/*temp wrapper to show address unknown image if no postcard image*/
.postcard_large div.image_wrapper_large {
	width: 440px;
	height: 316px;
	overflow: hidden;
	float: left;/*background: url(images/address_unknown.jpg) no-repeat top left;*/
}
/* Special case for video stills in single post view - make sure they never get bigger than the central column*/
.image_wrapper_large img {
	width: 464px;
}
.postcard_large img {
	/*max-width: 440px;
	height: auto;*/
	height:100%;
	max-width:440px;
	min-width:100%;
}
.postcard_large h4, .postcard_single h4 {
	padding-bottom: 15px;
}
.postcard_large h2, .postcard_single h2 {
	padding-bottom: 40px;
}
/* postcard large layout
--------------------------------------------- */
.postcard_large span.style_f {
	display:block;
	margin:35px 0 15px 0;
}
.postcard_single h4 {
	padding: 20px 0;
	clear:both;
}
.postcard_single a:hover {
	background:#ffa200;
	color:#FFF;
}

.postcard_large div.post_stamps {
	height:76px;
	color:#FFF;
	background:url(images/stamp-outline.gif) no-repeat;
	padding:0 22px 25px 12px;
	position:absolute;
	right:5px;
	top:10px;
}
.postcard_large h4.style_d {
	margin-right:80px;
}
.postcard_large div.post_stamps p {
	background: #cc33cc;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	text-align:center;
	font-size:32px;
	padding:30px 0 28px 0;
	width:55px;
	color:#FFF;
	text-align:center;
	float:left;
	margin-top:11px;
}
.postcard_large div.post_stamps p span {
	display:none;
}
.postcard_large div.post_comments {
	background: url(images/speech-bubble-sm.gif) no-repeat 0 50%;
	padding-left:18px;
	position:absolute;
	bottom:10px;
}
.postcard_single span.postcard_fulltext p {
	padding:20px 0 10px 0;
}
span.card_subtitle {
	display:block;
	padding-bottom:20px;
}
/*video backgrounds*/
.video_small{background:url(images/postcard_bkg_med_333.png) no-repeat;}
.video_big{background:url(images/postcard_bkg_large_333.png) no-repeat;}

/*temps*/
img.temp_map {
	float: left;
	width: 980px;
	height: 700px;
}
div.clear {
	float: left;
	width: 100%;
}
object {
	margin-bottom: 20px;
	float: left;
}
#berlin_list_sidebar li.cat-item a {
	padding-left: 3px;
	float: left;
	width: 217px;
	font-size: 12px;
	line-height: 18px;
}
#berlin_list_sidebar li.cat-item a:hover {
	background-color: #f60;
	color: #fff;
	display: block;
}
dl {
	padding-top:20px;
}
dl dt {
	color: #0cc;
	font: bold 18px Helvetica, Arial, sans-serif;
	line-height: 24px;
	cursor:pointer;
	margin-bottom: 15px;
}
dl dt:hover {
	color: #ffa200;
}
form.wpcf7-form p {
	color: #665c4e;
	font: normal 14px Helvetica, Arial, sans-serif;
	line-height: 22px;
}
dd.faq_a {
	padding-bottom:20px;
	color: #665c4e;
	font: normal 14px Helvetica, Arial, sans-serif;
	line-height: 22px;
}
form.wpcf7-form {
	margin-top: 20px;
}
img.wp-image-494 {
	display: none;
}
h2.just-ask {
	padding-top:20px;
}
/* postcard new arrival / junk mail messages
--------------------------------------------- */
.new-arrival-message h4 {
	color:#FF6600;
	padding:40px 0 10px 0;
}
.new-arrival-message p {
	padding-bottom:20px;
}
.junk-message h4 {
	color:#FF6600;
	padding:40px 0 10px 0;
}
.junk-message p {
	padding-bottom:20px;
}
input#junk-popup {
	background:#ff6600;
	color:#FFF;
	border:none;
	font: bold 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
	padding:6px 10px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	cursor:pointer;
}
input#junk-popup:hover {
	background:#ffa200;
}
div.junk_mail_confirm p {
	padding:10px 0;
}
input#junk-submit {
	background:#4cb110;
	color:#FFF;
	border:none;
	font: bold 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
	padding:6px 10px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	cursor:pointer;
	margin-right:20px;
}
input#junk-submit:hover {
	background:#99cc00;
}
input#junk-cancel {
	background:#ff6600;
	color:#FFF;
	border:none;
	font: bold 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
	padding:6px 10px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	cursor:pointer;
}
input#junk-cancel:hover {
	background:#ffa200;
}
/* new arrival corner img
--------------------------------------------- */
div.new_arrival {
	background:url(images/new-arrival-corner.gif) no-repeat;
	z-index:90;
	text-indent:-9999em;
	position:absolute;
	width:80px;
	height:80px;
	right:0;
}
.postcard_med_container div.new_arrival {
	right:4px;
}
.postcard_large_container div.new_arrival {
	right:4px;
}
div.junked {
	background:url(images/junk-mail-corner.gif) no-repeat;
	z-index:90;
	text-indent:-9999em;
	position:absolute;
	width:80px;
	height:80px;
	right:0;
}
.postcard_med_container div.junked {
	right:4px;
}
.postcard_large_container div.junked {
	right:4px;
}
/* partner page styles (/partners)
--------------------------------------------- */
.partner-intro {
	margin: 0 0 40px 0;
	clear:both;
}
.partner-intro h2 {
	font-weight:bold;
}
.partner-intro p {
	color: #665c4e;
	font: normal 14px Helvetica, Arial, sans-serif;
	line-height: 22px;
}
.partner-intro img {
	float:right;
	padding-top:15px;
}
/* share bar
--------------------------------------------- */
.share-bar {
	border: solid #8f8f8f;
	border-width: 1px 0;
	padding:10px 0;
	clear:both;
	margin-top: 40px;
}
.share-bar h4 {
	float:left;
	font-weight:bold;
	font-size:14px;
	padding: 3px 10px 0 0;
}
.share-bar li {
	float:left;
	padding:0 5px;
}
.share-bar a.facebook {
	display:block;
	width:20px;
	height:20px;
	background:url(images/share-icons.gif) no-repeat 0 0;
	text-indent: -9999px;
}
.share-bar a.facebook:hover {
	background-position:0 -30px;
}
.share-bar a.twitter {
	display:block;
	width:20px;
	height:20px;
	background:url(images/share-icons.gif) no-repeat -30px 0;
	text-indent: -9999px;
}
.share-bar a.twitter:hover {
	background-position:-30px -30px;
}
.share-bar a.delicious {
	display:block;
	width:20px;
	height:20px;
	background:url(images/share-icons.gif) no-repeat -60px 0;
	text-indent: -9999px;
}
.share-bar a.delicious:hover {
	background-position:-60px -30px;
}
.share-bar a.digg {
	display:block;
	width:20px;
	height:20px;
	background:url(images/share-icons.gif) no-repeat -120px 0;
	text-indent: -9999px;
}
.share-bar a.digg:hover {
	background-position:-120px -30px;
}
.share-bar a.stumble {
	display:block;
	width:20px;
	height:20px;
	background:url(images/share-icons.gif) no-repeat -90px 0;
	text-indent: -9999px;
}
.share-bar a.stumble:hover {
	background-position:-90px -30px;
}
/* comments
--------------------------------------------- */
.comments {
	padding-top:20px;
}
.comments h3 {
	float:left;
}
.comments h4 {
	float:left;
	background:url(images/speech-bubble.gif) no-repeat 0 50%;
	padding:5px 0 5px 45px;
}
.comments .navigation {
	clear:both;
}
.comments em a {
	font-style:normal;
	font-size:11px;
	float:right;
	background:url(images/rss-icon.gif) no-repeat right 50%;
	padding:8px 35px 5px 0;
}
.comments p.logged-in {
	font-size:14px;
	float:right;
	padding:5px 0 5px 0;
}
div#respond {
	margin-top:20px;
}
div#respond p {
	display:block;
	clear:both;
	font-size:14px;
	font-weight:normal;
}
div#respond p.login-register{
	padding-left:45px;
}
#comment-form {
	width:100%;
}
#commentform textarea {
	background:#f9f8f7;
	border-color:#B3B3AE #CCCCCC #CCCCCC #CCCCCC;
	clear:both;
	border-style:solid;
	border-width:1px;
	margin:10px 0 20px;
	padding:3px;
	width:95%;
	padding:10px;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
	color:#665c4e;
}
#commentform p.logged-in {
	clear:none;
}
ol.commentlist {
	list-style:none;
	margin:0 0 1em;
	padding:0;
	text-indent:0;
}
ol.commentlist li.comment {
	border-bottom:1px solid #8f8f8f;
	padding:20px 0 0 0;
}
ol.commentlist li div.comment-author {
	float:left;
}
ol.commentlist li div.vcard {
	font-weight:bold;
}
ol.commentlist li div.vcard span.says {
	background:url(images/speech-bubble.gif) no-repeat 0 50%;
	padding:7px 0 10px 45px;
	font-size:14px;
	font-weight:bold;
}
ol.commentlist li ul.children div.vcard span.says {
	background:none;
	padding:10px 0 10px 0;
}
ol.commentlist li div.commentmetadata {
	float:right;
	font: normal 11px Helvetica, Arial, sans-serif;
	line-height: 20px;
	margin:0 0 20px 0;
}
ol.commentlist li div.comment-meta a {
	color: #665C4E;
}
ol.commentlist li p {
	clear:both;
	color: #665c4e;
	font: normal 14px Helvetica, Arial, sans-serif;
	line-height: 22px;
	margin: 0 0 .8em 0;
}
ol.commentlist li ul {
	list-style:square;
}
ol.commentlist li div.reply {
	margin:10px 0;
}
ol.commentlist li div.reply a {
	font: normal 11px Helvetica, Arial, sans-serif;
	line-height: 20px;
}
ol.commentlist li ul.children {
	list-style:none;
	text-indent:0;
}
ol.commentlist li ul.children li {
	border:none;
}
ol.commentlist li ul.children div.comment-body {
	padding-left:45px;
}
ol.commentlist li ul.children li.comment-author-admin {
}
ol.commentlist li ul.children li.depth-1 {
	padding-bottom:0;
}
ol.commentlist li ul.children li.depth-2 {
	border-top:1px solid #8f8f8f;
	padding-bottom:0;
}
ol.commentlist li ul.children li.depth-3 {
	border-top:1px solid #8f8f8f;
	padding-bottom:0;
}
a.comment-reply-login {
	display:none;
}
div.moderation {
	color: #ff6600;
	font: normal 11px Helvetica, Arial, sans-serif;
	line-height: 20px;
}
input.comment-submit {
	background:#4cb110;
	color:#FFF;
	border:none;
	font: bold 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
	padding:6px 10px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	cursor:pointer;
	margin-right:20px;
}
input.comment-submit:hover {
	background:#99cc00;
}
/* stamping styles
--------------------------------------------- */
div.post_stamps_wrapper {
	background:url(images/stamp-outline.gif) no-repeat;
	padding:0 22px 12px 12px;
	position:relative;
	float:left;
	margin-top:10px;
	margin-bottom:40px;
}
/*default stamp (purple)*/
div.post_stamps_button {
	width:55px;
	height:76px;
	color:#FFF;
	text-align:left;
	float:left;
	margin-top:11px;
}
p.stamp_big_text {
	background: #cc33cc;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	text-align:center;
	font-size:32px;
	padding:20px 0;
}
/*orange stamp*/
div.hover {
	background:#F60;
	margin-top:11px;
}
span.stamp_big_text {
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	font-size:32px;
	display:block;
	padding-top:15px;
}
span.stamp_small_text {
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:10px;
	display:block;
	padding:5px 0 0 5px;
}
span.stamp_small_text a {
	color:#000;
}
span.stamp_small_text a:hover {
	color:#000;
	background:none;
}
/*green stamp*/
div.clickable {
	background:#99cc00 !important;
	cursor:pointer;
	text-align:left;
}
div.clickable span.stamp_big_text {
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	font-size:32px;
	display:block;
	padding-top:15px;
	text-align:center;
}
div.clickable span.stamp_small_text {
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	padding:0;
	text-align:center;
}
/*add stamp verification*/
.post_stamps_text {
	margin:3px 0 0 85px;
	background:#c9f4f4;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding:15px;
	font-size:12px;
	text-align:right;
}
.post_stamps_text p {
	margin-bottom:15px;
	text-align:left;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
}
input#stamp-submit {
	background:#4cb110;
	color:#FFF;
	border:none;
	font: bold 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
	padding:6px 10px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	cursor:pointer;
	margin-right:20px;
}
input#stamp-submit:hover {
	background:#99cc00;
}
input#stamp-cancel {
	background:#ff6600;
	color:#FFF;
	border:none;
	font: bold 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
	padding:6px 10px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	cursor:pointer;
}
input#stamp-cancel:hover {
	background:#ffa200;
}
/* tags
--------------------------------------------- */
div.tags li {
	float:left;
}
div.tags a {
	background:#333333 url(images/tags-bg.gif) no-repeat;
	background-position:0 0;
	color:#FFF;
	font:bold 11px Helvetica, Arial, sans-serif;
	line-height: 20px;
	padding:1px 10px 1px 12px;
	float:left;
	margin:3px;
}
div.tags a:hover {
	background:#F60 url(images/tags-bg.gif) no-repeat;
	background-position:0 -24px;
}
/* postcard page tags
--------------------------------------------- */
div.post_tags {
	margin-left:85px;
	padding-top:8px;
}
div.post_tags_alone {
	padding-top:8px;
}
div.after_post_tags {
	clear: both;
	height: 20px;
}
div.post_tags li {
	float:left;
}
ul.post_tags_list {
	margin-top:10px;
}
ul.post_tags_list a {
	background:#333333 url(images/tags-bg.gif) no-repeat;
	background-position:0 0;
	color:#FFF;
	font:bold 11px Helvetica, Arial, sans-serif;
	line-height: 20px;
	padding:1px 10px 1px 12px;
	float:left;
	margin:3px;
}
ul.post_tags_list a:hover {
	background:#F60 url(images/tags-bg.gif) no-repeat;
	background-position:0 -24px;
}
/* participate
--------------------------------------------- */
div.participate-form {
	padding-bottom:60px;
}
div.participate-form h2 {
	padding:40px 0 30px 0;
}
div.participate-form p.instructions {
	padding-bottom:40px;
}
div.participate-form textarea {
	display:block;
	width:450px;
	padding: 5px;
	background:#F9F8F7;
	border:1px solid #8F8F8F;
	color: #665C4E;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
	padding:5px;
	margin: 0 0 40px 0;
}
div.particpate-form label {
	display:block;
}
div.participate-form label em {
	float:right;
	padding-top:3px;
}
p.ten-friends{padding-top:20px;}
input#post_title {
	width:450px;
	padding: 5px;
	background:#F9F8F7;
	border:1px solid #8F8F8F;
	color: #665C4E;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
	padding:5px;
}
#upload_tabs li {
	background:#c9f4f4;
	float:left;
	margin-right:5px;
	padding:10px 15px 5px 15px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-topleft:8px;
	cursor:pointer;
}
#upload_tabs li.active_tab {
	background:#96d2d9;
}
#image_upload_tab {
	background:#96d2d9;
	clear:both;
	padding:20px;
}
#image_upload_tab p {
	padding:0 0 20px 0;
}
#image_upload_tab input {
	padding: 5px;
}
#video_upload_tab {
	background:#96d2d9;
	clear:both;
	padding:20px;
}
#video_upload_tab .a {
	background:#c9f4f4;
	clear:both;
	padding:20px;
}
#video_upload_tab p {
	padding:0 0 20px 0;
}
#video_upload_tab input {
	width:410px;
	padding: 5px;
	background:#F9F8F7;
	border:1px solid #8F8F8F;
	color: #665C4E;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
	padding:5px;
}
p.add-tags {
	margin-bottom:40px;
}
input#post_tags {
	background:#F9F8F7;
	width:450px;
	padding: 5px;
	border:1px solid #8f8f8f;
	color: #665c4e;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
}
select#category {
	background:#F9F8F7;
	width:300px;
	padding: 5px;
	border:1px solid #8f8f8f;
	margin-bottom:40px;
	color: #665c4e;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
}
input#post-submit {
	background:#4cb110;
	color:#FFF;
	border:none;
	font: bold 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
	padding:6px 10px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	cursor:pointer;
	margin-right:20px;
}
input#post-submit:hover {
	background:#99cc00;
}
input#post-cancel {
	background:#FF6600;
	color:#FFF;
	border:none;
	font: bold 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
	padding:6px 10px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	cursor:pointer;
	margin-right:20px;
}
input#post-cancel:hover {
	background:#FFA200;
}
input#image_file {
	color: #665c4e;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
}
/* participate - out of stamps
--------------------------------------------- */
#no-stamps h2 {
	padding: 0 0 40px 0;
}
#no-stamps h2 em {
	display:block;
	font-style:normal;
}
#no-stamps p.latest-cards {
	padding:0 0 20px 0;
}
#nostamp-cards div.postcard_med_container {
	float:left;
	padding:0 3px;
}
.outofstamps {
	padding: 20px 0 40px 0;
}
.outofstamps img {
	float:left;
	padding:0 20px 0 0;
}
.outofstamps p {
	padding: 15px 0 0 0;
}
.getstamps {
	padding: 20px 0 20px 0;
}
.getstamps img {
	float:left;
	padding:0 20px 0 0;
}
.getstamps p {
	padding: 15px 0 0 0;
}
.tell-friend {
	padding: 20px 0 10px 0;
}
.tell-friend h3 {
	padding:20px 0;
	clear:both;
}
.tell-friend img {
	float:left;
	padding:0 20px 0 0;
}
.tell-friend p {
	padding:0 0 20px 0;
}
.invite-friend {
	margin-left:100px;
}
.invite-friend p {
	background:#4cb110;
	color:#FFF;
	font: bold 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
	padding:6px 10px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	cursor:pointer;
	text-align:center;
	width:100px;
}
.invite-friend p:hover {
	background:#99cc00;
}
.stamps-video {
	padding:40px 0 80px 0;
}
/* participate - postcard preview
--------------------------------------------- */
.postcard_preview {
	background:#c9f4f4;
	width:460px;
	margin:0 auto;
	padding:20px 20px 20px 20px;
	min-height:300px;
}
.postcard_preview h4 {
	clear:both;
	font-size:18px;
	padding:20px 0;
}
.postcard_preview p {
	padding:20px 0;
}
.preview-stamp {
	padding: 20px 0;
}
.preview-buttons {
	padding: 20px 0 60px 0;
}
p#preview-head {
	color:#00cccc;
}
/* preview tags
--------------------------------------------- */
div.preview-tags a {
	background:#333333 url(images/preview-tags-bg.gif) no-repeat;
	background-position:0 0;
	color:#FFF;
	font:bold 11px Helvetica, Arial, sans-serif;
	line-height: 20px;
	padding:1px 10px 1px 12px;
	float:left;
	margin:3px;
}
div.preview-tags a:hover {
	background:#F60 url(images/preview-tags-bg.gif) no-repeat;
	background-position:0 -24px;
}
/* my profile sidebar
--------------------------------------------- */
.profile-sidebar {
	clear:both;
}
.profile-sidebar p.style_h {
	padding: 20px 0;
}
a.edit-profile-button {
	background:#4cb110;
	color:#FFF;
	border:none;
	font: bold 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
	padding:6px 10px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	cursor:pointer;
}
a.edit-profile-button:hover {
	background:#99cc00;
}
div.my-stamps {
	padding-top:40px;
}

div.my-stamps p.info {
	padding-top:90px;
}
div.my-stamp-wrapper {
	background:url(images/stamp-outline.gif) no-repeat;
	padding:0 22px 12px 12px;
	position:relative;
	float:left;
	margin-top:10px;
	margin-bottom:40px;
}
div.my-stamp-inner {
	width:55px;
	height:76px;
	color:#FFF;
	text-align:left;
	float:left;
	margin-top:11px;
}
/* referral widget
--------------------------------------------- */
#referral_widget a {
	background:#4cb110;
	color:#FFF;
	border:none;
	font: bold 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
	padding:6px 10px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	cursor:pointer;
}
#referral_widget a:hover {
	background:#99cc00;
}
input#referral_code {
	padding:5px;
	border:1px solid #8f8f8f;
	background:#f9f8f7;
	width:210px;
	color: #665C4E;
	font: normal 11px Helvetica, Arial, sans-serif;
	line-height: 20px;
}

#referral_widget p.load_spinner {
	background:url(images/loading-circle.gif) no-repeat 0 50%;
	color:#665C4E;
	font:bold 12px/18px Helvetica,Arial,sans-serif;
	padding-left:20px;
	display: none;
}
#referral_widget p{padding:20px 0;}

#referred_friends a{
	font: 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
}
#referred_friends a:hover{
	background-color: #ffa200;
	color: #fff;
}


/* edit profile
--------------------------------------------- */

#edit-profile {
	padding: 10px 0;
}
#edit-profile label {
	display:block;
	padding: 20px 0 15px 0;
	font-weight:normal;
}
#edit-profile em {
	display:block;
}
#edit-profile input#login, input#email, input#pass1, input#pass2, input#username {
	padding:5px;
	border:1px solid #8f8f8f;
	background:#f9f8f7;
	width:218px;
	font-weight:normal;
}
#edit-profile input#login {
	color:#8F8F8F;
}
#edit-profile select#state, select#country {
	padding:5px;
	border:1px solid #8f8f8f;
	background:#f9f8f7;
	width:228px;
	color: #665C4E;
	font: normal 11px Helvetica, Arial, sans-serif;
	line-height: 20px;
}
div.newsletter-section p {
	float:left;
	padding-right:20px;
	font-weight:normal;
}
div.newsletter-section {
	margin-top:20px;
	padding-bottom:15px;
}
div.newsletter-section input {
	margin-top:20px;
	padding:15px 15px 40px 0;
	font-weight:normal;
}
div.newsletter-section h2 {
	font-weight:normal;
}
#edit-profile .edit-buttons {
	clear:both;
	padding:40px 0;
}
.edit-buttons input#submit {
	background:#4cb110;
	color:#FFF;
	border:none;
	font: bold 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
	padding:6px 10px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	cursor:pointer;
	margin-right:20px;
}
.edit-buttons input#submit:hover {
	background:#99cc00;
}
.edit-buttons a {
	background:#ff6600;
	color:#FFF;
	border:none;
	font: bold 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
	padding:6px 10px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	cursor:pointer;
}
.edit-buttons a:hover {
	background:#ffa200;
}
/* most active participants
--------------------------------------------- */
.active_participants{
	padding: 40px 0;
}
.active_participants a{
	font: 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
}
.active_participants a:hover{
	background-color: #ffa200;
	color: #fff;
}

/* archive widget
--------------------------------------------- */
#archive {
	background:#caf3f5;
	clear:both;
	margin-bottom:40px;
}
#archive h4 {
	background:#00CCCB url(images/toggle-down.png) no-repeat 98% 50%;
	color: #FFF;
	font: bold 14px Helvetica, Arial, sans-serif;
	line-height: 18px;
	padding:3px 5px;
	cursor:pointer;
}
#archive h4.expanded {
	background:#00CCCB url(images/toggle-up.png) no-repeat 98% 50%;
}
#archive h5 {
	color: #00CCCB;
	font: bold 14px Helvetica, Arial, sans-serif;
	line-height: 18px;
	padding:3px 0 3px 5px;
	cursor:pointer;
}
#archive h5:hover {
	color: #fea200;
}
#archive ul {
	display:none;
	color: #00CCCB;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
}
#archive li {
	padding-left:5px;
}
#archive li a {
	display:block;
}
#archive li:hover {
	background:#fea200;
}
#archive li:hover a {
	background:#fea200;
	color:#FFF;
	overflow:hidden;
	padding:0;
}
/* first time login
--------------------------------------------- */
#first-login {
	background:#96d2d9 url(images/first-time-arrow.gif) no-repeat center right;
	color:#FFF;
	width:396px;
	padding:35px 80px 35px 20px;
	font: bold 14px Helvetica, Arial, sans-serif;
	line-height: 22px;
}
/* welcome page
--------------------------------------------- */
.welcome div {
	padding:15px 0;
}
.welcome div img {
	float:left;
	padding: 0 15px 0 0;
}
.welcome div h2 {
	padding-top:5px;
}
.welcome p.welcome {
	padding:20px 0;
}
.welcome .group p{
	padding-left:95px;
	}
.welcome-intro p {
	padding-top:15px;
}
.what-next {
	padding-top:20px;
}
.what-next h3 {
	padding:20px 0 40px 0;
	clear:both;
}
.what-next p {
	padding-bottom:20px;
}
/* contact form
--------------------------------------------- */
.wpcf7 {
	overflow:hidden;
}
#wpcf7-f1-p238-o1 {
	padding-bottom:60px;
}
#wpcf7-f2-p236-o1 {
	padding-bottom:60px;
}
.wpcf7 label {
	display:block;
	font-weight:normal;
	padding:20px 0 15px;
}
.wpcf7 input.wpcf7-validates-as-required {
	background:#F9F8F7;
	border:1px solid #8F8F8F;
	color: #665C4E;
	font: normal 11px Helvetica, Arial, sans-serif;
	line-height: 20px;
	padding:5px;
	width:218px;
}
span.your-subject input, span.captcha-1 input {
	background:#F9F8F7;
	border:1px solid #8F8F8F;
	color: #665C4E;
	font: normal 11px Helvetica, Arial, sans-serif;
	line-height: 20px;
	padding:5px;
	width:218px;
}
.wpcf7 textarea {
	background:#F9F8F7;
	border:1px solid #8F8F8F;
	font-weight:normal;
	padding:5px;
	width:440px;
	color: #665c4e;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
}
.wpcf7 p.form_submit input {
	background:#4cb110;
	color:#FFF;
	border:none;
	font: bold 12px Helvetica, Arial, sans-serif;
	line-height: 18px;
	padding:6px 10px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	cursor:pointer;
	margin-top:20px;
}
.wpcf7 p.form_submit input:hover {
	background:#99cc00;
}
/* footer
--------------------------------------------- */
#footer {
	width: 980px;
	min-height: 100px;
	background: #333 url(images/stripes.png) repeat-x bottom left;
	float: left;
	padding-bottom: 20px;
}
span#footer_logo {
	display: block;
	width: 326px;
	height: 21px;
	float: left;
	margin: 14px 0 20px 20px;
	background: url(images/footer_logo.png) no-repeat top left;
}
ul#footer_menu {
	margin: 0 0 15px 20px;
	width: 960px;
	float: left;
}
li.footer_menu_item {
	width: 240px;
	height: 22px;
	float: left;
	display: inline;
}
li.footer_menu_item a {
	color: #dfe3e8;
}
li.footer_menu_item a:hover {
	color: #f60;
}
li.footer_menu_item a.active {
	color: #f60;
}
span#footer_copyright {
	font-size: 13px;
	line-height: 17px;
	height: 15px;
	float: left;
	margin-left: 20px;
	color: #bcbcbc;
}
a#ks12_footer_link {
	display: inline-block;
	width: 27px;
	height: 10px;
	margin-top: 3px;
	vertical-align: top;
	background: url(images/ks12_logo_mini_ro.png) no-repeat top left;
}
a#ks12_footer_link:hover {
	background-position: top right;
}
/* blog page styles
--------------------------------------------- */
.blog-entry {
	border-bottom:3px solid #8f8f8f;
	padding:20px 0;
}
.blog-entry a:hover {
	background-color: #ffa200;
	color:#FFF;
}
.blog-entry h2 {
	font-size:18px;
}
.blog-entry h2 a:hover {
	color:#FEA200;
	background:none;
}
.blog-entry p {
	margin-bottom: 20px;
}
.blog-entry .share-bar {
	margin-top:10px;
}
.posts-comments {
	background:url(images/speech-bubble.gif) no-repeat 0 50%;
	padding:25px 0 7px 45px;
}
#blog-posts{
	float:left;
}
.blog-post p {
	margin-bottom: 20px;
}
.blog-post textarea {
	width:97%;
}

a.blog-rss{
	background:url("images/rss-icon-35.gif") no-repeat 0 90%;
	clear:both;
	font: bold 14px Helvetica, Arial, sans-serif;
	line-height: 22px;
	display:block;
	margin-bottom:40px;
	padding:6px 0 9px 50px;
}

a.blog-rss:hover{
	color:#ffa200;
}

/* recent comments (mailbox sidebar)
--------------------------------------------- */
ul.recent-comments{clear:both;}
ul.recent-comments li{padding-bottom:20px;}


/* pop-up windows
--------------------------------------------- */

.popup_window {
	width: 420px;
	height: 160px;
	background:url(images/optin_stripes.png) no-repeat left top;
	margin:65px auto 0 auto;
	padding: 40px 20px 20px 20px;
}


/* participate logged out pop-up
--------------------------------------------- */

.logged_out_screen {
	position: absolute;
	width: 100%;
	height: 88%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 90;
	text-align: center;
	overflow:hidden;
}


/* uploading pop-up
--------------------------------------------- */

.upload_screen {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1000;
	text-align: center;
}
.upload_indicator {
	margin-top:20%;
	position:absolute;
	right:400px;
}
.upload_indicator p {
	padding: 0 0 20px 0;
}
.upload_indicator img {
	border:1px solid #E0E0E2;
}
/* pagination
--------------------------------------------- */
.page_nav ul{
	font:12px/18px Helvetica,Arial,sans-serif; 
	float:left;
	font-weight:bold;
}
.page_nav li{
	display:inline; 
	padding:0 2px;
}
.page_nav li a{
	background:#cce57f; 
	border-radius:3px; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
	color:#665c4e; 
	padding:10px;
}
.page_nav li a:hover{
	background:#99cc00;
}
.page_nav li.current a{
	background:#99cc00;
}
.page_nav p{
	font:12px/18px Helvetica,Arial,sans-serif;
	text-transform:lowercase; 
	padding:0 15px; 
	float:left; 
	font-weight:bold;
}
.page_nav p a{
	color:#665c4e;
}
.page_nav p a:hover{
	color:#ffa200 !important;
	background:#FFF;
}

/* most stamped widget
--------------------------------------------- */
a.more-most-stamped{
	font:12px/18px Helvetica,Arial,sans-serif;
}
a.more-most-stamped:hover{
	background:#ffa200 !important; 
	color:#fff;
}

/* become member widget
--------------------------------------------- */
#become-member-widget{
	margin-bottom:20px;
}
#become-member-widget p{
	padding-bottom:20px;
}

/* most stamped page
--------------------------------------------- */
div.most-stamped{
	margin-top:20px;
}

/* local most stamped
--------------------------------------------- */
.local-stamped{
	padding-top:40px; 
	clear:both;
}

/* stamp album
--------------------------------------------- */
.stamp-album ul{clear:both; padding-bottom:20px;}
.stamp-album ul li{display:inline; padding-right:15px;}


/* self-clear floats
--------------------------------------------- */

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Postcards from Berlin message bar styling */

#message_bar {
	clear:both;
	position:relative;
	font: bold 14px Helvetica, Arial, sans-serif;
	color:#FFF;
	padding:35px 0;
}
#message_bar.error {
	background-color: #ff6600;
}
#message_bar.error p.close_message_bar {
	position:absolute;
	top:5px;
	right:5px;
	background:url(../../themes/postcards-beta/images/close-error.gif) no-repeat;
	width:18px;
	height:18px;
	text-indent:-99999em;
	cursor:pointer;
}
#message_bar.confirmation {
	background-color: #99cc00;
}
#message_bar.confirmation p.close_message_bar {
	position:absolute;
	top:7px;
	right:5px;
	background:url(../../themes/postcards-beta/images/close-confirmation.gif) no-repeat;
	width:18px;
	height:18px;
	text-indent:-99999em;
	cursor:pointer;
}
#message_bar ul {
	padding: 7px 5px 7px 10px;
}
#message_bar li {
	display:inline;
	padding: 0 10px 0 0;
}

/* Info pages (t&c, community guidelines)
--------------------------------------------- */
.info-page {
	color: #665c4e;
	font: normal 14px Helvetica, Arial, sans-serif;
	line-height: 22px;
}
.info-page p {
	margin-bottom: 20px;
}
.info-page ul {
	padding-left: 20px;
	margin-bottom: 20px;
}
.info-page ul li {
	list-style: disc;
	margin-bottom: 10px;
}
.info-page h1 {
	color: #665c4e;
	font: normal 22px 'Courier new', Courier, serif;
	line-height: 22px;
}
.info-page h2 {
	color: #665c4e;
	font: bold 14px Helvetica, Arial, sans-serif;
	line-height: 22px;
}

