@charset "UTF-8";
body {
	font: 100% Futura, Helvetica, Verdana, sans-serif;
	margin: 75px;
	padding: 0;
	text-align: center;
	font-size: 16px;
	text-decoration: none;
        background-color: #F6F6F6;
        color: #444;
}


.nober #container {
	width: 46em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.nober #header { 
	background-image: url(dynamicgreybacking.png);

	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.nober #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.nober #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.nober #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
} 
.nober #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}




#content {


width: 100%;

min-width:450px;


height: 350px;

}

a:link { 
		background-color: #444;
		text-decoration: none;
		color: #fff;
		margin: 5px;
		padding: 5px;

		}
		a:visited { 
		background-color: #444;
		text-decoration: none;
		color: #fff;
		margin: 5px;
		padding: 5px;
	
		}
		a:hover { 
		color: #F6F6F6;
		background-color: #03ACEB;
		text-decoration: none;
                border-bottom: 1px none; 

		}
		a:active { 
		color: #03ACEB;
		background-color: #F6F6F6;

		}
            
            p {
                color: #555;
                margin-left: 0px;
            }
            
            big {
                color: #333;
                font-size: 18px;
            }
            
            div#container {
                width: 450px;
                margin: 100px auto 0px auto;
            }
            
            img#logo {
                margin-left: 0px;
                width: 405px;
                height: 95px;
                border-width: 0px;
            }



.dopplr-badgr {
	background: none !important;
	border: none !important;
	color: #cad4d4 !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	border-bottom: 0px solid #272727 !important;
	padding-bottom: 10px !important;
	padding: 0px 15px !important;
}
 
.dopplr-badgr .dopplr-badgr-body h3 {
	display: none !important;
}

.dopplr-badgr-header
 {
	display: none !important;
}

 
.dopplr-badgr .dopplr-badgr-body a.details {
	font-size: 10px;
}
 
.dopplr-badgr a {
	text-decoration: underline !important;
	color: #fff !important;
	font-weight: bold !Important;


}
 
.dopplr-badgr ul.trips .item a.location.summary {
	text-decoration: none !important;



}
 
.dopplr-badgr a:hover {
	background-color: transparent !important;
	color: #444 !important;
	font-weight: bold !Important;

}

 
.dopplr-badgr img {
	display: none !important;
}