/*
alt:
pink #F06
antrazit bg: #222
neu:
schrift: d5d5d5
blau: 00a0ff
bg: #1c1c1c
linien: #333
*/

@font-face {
  font-family: 'Calluna';
  src: url('/static/Calluna-Regular.eot');
  src: local('Calluna Regular'), local('Calluna'), 
         url('/static/Calluna-Regular.otf') format('opentype');
}

/* @font-face{ */
/*     font-family:"Calluna";  */
/*     src:local("Calluna Regular"), */
/*     url("/static/Calluna-Regular.otf");} */

* {
    margin: 0;
    padding: 0;
}
.clearer {
    clear: both;
}

a {
    color: #00a0ff;
    text-decoration: none;
}
a:hover {
    text-shadow: #000 0px 0px 4px;
}
a:focus {
    outline: 0px;
}

body {
    background: #1c1c1c;
    color: #d5d5d5;
    font: normal 62.5% "Calluna",Times, serif; 
    padding-top: 10px;
}
p,code,ul {
    font-size: 13pt;
    padding-bottom: 1.2em;
    text-shadow: #000 1px 1px 2px;
}

li {
    list-style: none;
}

code {
    background: url(http://www.beached.org/static/img/bgcode.gif);
    border: 1px solid #F0F0F0;
    border-left: 6px solid #00a0ff;
    color: #444;
    display: block;
    font: normal 1.1em "Lucida Sans Unicode",serif;
    margin-bottom: 12px;
    padding: 8px 10px;
    white-space: pre;
}
blockquote {
    background: #FBFCF5;
    border-bottom: 1px solid #EED;
    border-top: 1px solid #EED;
    color: #444;
    display: block;
    font: normal 1.2em Verdana,sans-serif;
    margin-bottom: 12px;
    padding: 12px;
}

h1,h2,h3 {
	font: normal 11pt "Calluna", Times, serif;
	color: #00a0ff;
}
h4 {
	font: normal 9pt "Calluna", Times, serif;
	color: #d5d5d5;
}
/********** main layout ***************/

.main {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

.left {
	float: left;
	width: 80%;
	margin-top: 40px;
}

.right {
	float: right;
	margin-top: 40px;
	margin-left: 20px;
	width: 160px;
}

/************ header **************/
.header {
    background: #1c1c1c url(http://www.beached.org/static/img/stripes2.png) no-repeat;
    border-bottom: 1px solid #282828;
    height: 160px;
}

.header h1 {
    color: #00a0ff;
    font-size: 12.0em;
    margin-top: 40px;
    text-align: center;
    text-shadow: #000 2px 2px 4px;
}

.header h1 a:hover {
    text-shadow: #00a0ff 0px 0px 2px;
}


.header h2 {
	border-top: 1px solid #282828;
	text-align: right;
}

.header h2 span {
	background: #222;
	color: #888;
	padding: 0 6px;
	text-shadow: #000 1px 1px 2px;
}

/******** main content ***********/
.content {
    margin-top: 50px;
    margin-bottom: 70px;
}

.content li {
	list-style: disc;
	margin-left: 18px;
}

.content h1 {
	font-size: 18pt;
	margin-bottom: 4px;
}

.content a:hover,.footer a:hover {
	text-shadow: #00a0ff 0px 0px 5px;
}

/************ navigation ******************/

.right .logo {
	background: url(http://www.beached.org/static/img/baum_logo.png) no-repeat center top;
	border-bottom: 1px solid #282828;
	border-top: 1px solid #282828;
	height: 159px;
	display: block;
}

/* grosses menü mit center text */
.right .menu {
	text-align: center;
}

.right h1 {
	color: #00a0ff;
	margin: 12px 0;
}
.right li {
	border-bottom: 1px solid #222;
}

.right li a {
	font-size: 18pt;
	color: #888;
	display: block;
	padding: 8px 0;
}
.right li a:hover {
	background: #222;
	color: #00a0ff;
}

/************** subnav ********************/
.nav {
    background: #222;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}
.subnav {
    padding: 6px 6px 6px 6px;
}
.subnav h1 {
    font-size: 11pt;
    height: 20px;
    margin-left: 8px;
}
.subnav ul {
    margin: 0 0 16px;
    padding: 0;
}
.subnav li {
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #333;
}
.subnav li a {
    display: block;
    font-size: 11pt;
    padding: 3px 6px 3px 8px;
}
.subnav li a:hover {
    background: #000;
}

/*********** footer *******************/
.footer {
    clear: both;
    border-top: 1px solid #282828;
    padding: 8px 6px;
    text-align: center;
    margin-top: 20px;
}

.footermisc {
    clear: both;
    width: 100%;
    text-align: center;
    background: #222;
    overflow: auto;
}

#footercontainer {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
}

#footercontainer #leftfoot {
    float: left;
    width: 450px;
    padding-top: 10px;
    background: #222;
}

#footercontainer #rightfoot {
    float: right;
    width: 450px;
    padding-top: 10px;
    background: #222;
}

#footercontainer p {
    font-size: 11pt;
}
/**********************/

.tribe_container {    
    clear: both;
    overflow: auto;
    border: 1px solid #1c1c1c;
    padding: 10px 5px;
    margin-bottom: 40px;
    font-size: 13pt;
}

.tribe_containerhover {
    background: #222;
    border: 1px solid #333;
}

.tribe_pic {
    float: left;
    margin-right: 10px;
}

.tribe_tweet span {
    font-size: 9pt;
    float:right;
}

.tribe_date {
}