@import url(/fonter/lib/Bergamo/stylesheet.css);

body {
	margin:0;
	padding:0;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	-webkit-text-size-adjust:none;
	background:url(/bilder/jannr/bg.main.png) repeat -50% -50% fixed;
	line-height:1.4;
}

a {
	color:#a40;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.logo {
	position:absolute;
	top:0;
	left:2px;
	z-index:5;
	background:#d53333;
	box-shadow:1px 1px 8px rgba(0,0,0,0.5);
	-moz-box-shadow:1px 1px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow:1px 1px 8px rgba(0,0,0,0.5);
	display:block;
	padding:40px 5px 5px 10px
}
.logo img {
}

.starter {
	display:none;
}
.spanAll{
	width:100%
}
.headline{
	padding:10px 0;
	text-align:center;
}
p {
	font-size:16px;
	margin:0 0 8px;
}
nav ul {
    overflow: hidden;
    margin: 12px;
    padding:0;
    background:rgba(255,255,255,0.7);
	box-shadow:1px 1px 8px rgba(0,0,0,0.5);
	-moz-box-shadow:1px 1px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow:1px 1px 8px rgba(0,0,0,0.5);
}
nav li {
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:bold;
	list-style-type:none;
	border-bottom:1px solid rgba(0,0,0,0.2);
}

#topSearch input,#topSearch button {
	font-size:16px;
	margin:0 10px 0 0;
}
#topSearch input[type="text"] {
	width:150px;
	border:solid 1px rgba(0,0,0,0.2);
	outline:0;
	background:#FFFFFF;
	background:-webkit-gradient(linear, left top, left 25, from(rgba(255,255,255,0.5)), color-stop(4%, rgba(255,255,255,0.2)), to(rgba(255,255,255,0.5)));
	background:-moz-linear-gradient(top, rgba(255,255,255,0.5),  rgba(255,255,255,0.2) 1px, rgba(255,255,255,0.5) 25px);
	box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;
}

input[type='text']:focus, textarea:focus {
	border-color:#C9C9C9;
	background:-webkit-gradient(linear, left top, left 25, from(rgba(255,255,255,0.8)), color-stop(4%, rgba(255,255,255,0.5)), to(rgba(255,255,255,0.8)));
	background:-moz-linear-gradient(top, rgba(255,255,255,0.8),  rgba(255,255,255,0.5) 1px, rgba(255,255,255,0.8) 25px);
	box-shadow:rgba(0,0,0, 0.2) 0px 0px 8px;
	-moz-box-shadow:rgba(0,0,0, 0.2) 0px 0px 8px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 8px;
}
.social img{
	padding:0 0 10px;
}
form {
	margin:0;
	padding:0;
}
.nav li li {
	display:none;
}
nav li a {
	color:#000;
	text-decoration:none;
	padding:12px;
	display: block;
}
nav li a em {
	display:none;
}
.nav li a+a {
	display:none;
}
.video {
	margin: 0;
	width:100%
}
.video object, .video img, .video video, .video embed {
	width:100% !important;
	display:block;
}
.photo {
	margin: 0 ;
}
.photo img{
	max-width:100%
}
#sidebar, .sociable {
	display: none
}
.caption {
	float:right;
}
h1, .h1 p {
	margin:2px 20px 12px 0;
	font: normal 24px/1.1 Bergamo, georgia, sans-serif;
    color: rgba(0,0,0,0.6);
    overflow:visible;

}
blockquote h1, blockquote .h1 p {
	font:normal 16px/1.3  georgia, serif;
    text-transform:none;

}
.link h1, .link .h1 p {
	font:normal 16px/1.3 georgia, serif;
    text-transform:none;
    text-align:left;
    margin:2px 35px 12px 0;

}
.description h1, h2, h3 {
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: bold;
    color: #4d4d70;
    
}
blockquote {
margin: 0
}
h1 a:hover {
	text-decoration:underline;
}
#visitkort{
	padding:12px 12px 0;
}
.body{
	padding:0 0;
}
.paginator,
#disqus_thread,
.post, 
#description, 
.navigation, 
.gallery,
article,
.rss,
#topSearch,
.share,
div.notes   {
	
	display:block;
    position: relative;
    padding: 12px;
    -webkit-border-radius: 0;
    border: 1px solid #999999;
    font-size: 16px;
    overflow: hidden;
    margin: 12px;
    background:rgba(255,255,255,0.7);
	box-shadow:1px 1px 8px rgba(0,0,0,0.5);
	-moz-box-shadow:1px 1px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow:1px 1px 8px rgba(0,0,0,0.5);

}
article {
	padding-bottom:0;
}
.likes,aside .social, aside h2 {
	display:none;
}
.paginator {
	text-align:center;
}
.paginator .pages {
	margin:0 80px;
}
.rss{
	text-align:right;
}
.rss img{
	vertical-align:baseline;
}
.rss p{
	margin:0;
	padding:0;
}
.avatars {
	padding:6px
}
/*
.rss{
	text-align:right;
	margin:0 0 12px;
	padding:3px 12px
}
*/
section{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px;
    background: #c8c8c8;

}
.date {
	width:45px;
	float:right;
	clear:right;
	letter-spacing:-1px;
	background:#fff url(../images/bg.date.gif) repeat-x center;
	font-size:20px !important;
	border:1px solid #cba;
	text-align:center;
	position:absolute;
	top:0px;
	right:0;
	margin:0 0 -30px 10px;
	line-height:1;
	padding:2px 0;
	box-shadow:1px 1px 8px rgba(0,0,0,0.5);
	-moz-box-shadow:1px 1px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow:1px 1px 8px rgba(0,0,0,0.5);
}
.date a {
	color:#444
}
.date .text {
	font-size: 11px !important;
	display: block
}
.Sun, .Sun a {
	color:#f00
}
.date img{
	display:block;
	margin:0 auto;
}
.navigation p{
	margin: 0;
	padding: 0;
}
.floatRight {
	float:right;
}
.floatLeft {
	float:left;
}
.right {
	text-align: right
}
img.floatRight {
	margin:0 0 0 10px;
}
img.floatLeft {
	margin:0 10px 0 0;
}
img.avatar {
	float:left;
	margin:0 10px 0 0;
}
.avatars img.avatar {
	float:none;
	vertical-align: middle
}
.hr hr {
	display:none;
}

.description p{
	line-height:1.2em;
	margin:4px 0 ;	
}
p.avatars {
	overflow: hidden;
	text-align: center;
}
.avatars img.avatar {
	margin:0 0 0 6px;
}
.commentLink {
	display: inline-block;
	width: 16px;
	height: 16px;
	padding:2px 0 0 0;
	margin:0 6px 0	 5px;
	background:url(../image/icon/comment.gif) no-repeat 0 0;
	text-align: center;
	font-size:8px;
	line-height: 1.2;
	position: relative;
	top:2px

}


.time, .tags {
	padding:4px 20px;
	margin:0 -12px;
	font:12px/1.4 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
    background:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#16433232,endColorstr=#16433232);
    background:rgba(67,50,50,0.1);
    margin-top:1px;
    clear:both;
}
.tags li{
	display:inline;
}