/*  
Theme Name: Bosa
Theme URI: http://ifelse.co.uk/bosa/
Description: Serene Calm, modyfied ANDERS|denken
Version: 2.5
Author: Phu Ly, modified by Hannes Treichl, http://www.hannestreichl.com
Author URI: http://ifelse.co.uk/
*/

/* Farben
Schrift: #666;
link: #dAe6e2;
*/


/*************************************
 +Containers
 *************************************/
body {
	background:#000;
	font-family:"Arial","Century Gothic",Helvetica,Arial, Verdana, sans-serif;
         font-size:70%;
	line-height:1.7; 
	text-align:center;
         margin: 50px 0 30px 0;
}

#wrap{
	background: #000;
	margin:0 auto;
	padding:0px 10px 0px 10px;
	text-align:left;
	width:905px;
}

body>#wrap {
background:#000;
}

#wrap:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#headerwrap{
	background:#000;
	height:321px;
	width:905px;
         float: left;
         margin: 0;
}


#header{
	background:#000 url(./images/header-start.jpg) no-repeat;
	height:320px;
	width:420px;
         float: left;
         margin: 0;
}

#navigation_top {
        float: left;
        padding: 0;
        font-size: 12px;
        margin:80px 0 0 0;
        width: 90px; 
        height: 130px;
}


#navigation_top a:hover, #navigation_top a:active, .current_page_item a, #home .on {
       color: #ff6600;
}

#navigation_top ul {
        margin: 0px;
        padding: 0px;
        float: left;
}

#navigation_top li, #navigation_top li a {
        list-style-type: none;
        color: #dAe6e2;
}

#blogicon{
        float:left;
        margin-left: 15px;
        margin-top: 70px;
        border: 0;
        padding: 0;
        width: 85px;
        height: 110px;
}

#contacticons{
        margin: 0px 0 0 0;
        text-align: right;
}

#contacticons img, #contacticons img a, #contacticons img a:link {
	border: none;
}

.about  {
        color: #546876;
}

.about ul {
        margin-top: 20px;
        padding: 0px;
}

.about li {
        list-style: none;
        color: #dAe6e2;
}

#main {
        text-align:left;
        margin: 5px 0 0 0;
        padding: 0;
}

#main p {
        font-size:1.2em;
}

#footer{
        clear:both;
        padding:5px;
        text-align: center;	
        line-height: 1.2em;
        margin: 0;
}

#footer p, #footer a {
		color: #dAe6e2!important;
		font-size:0.9em;
		}

#footer a:hover {
        color: #ff6600!important;
}

  
h3 {
        color:#ff6600!important;
        text-transform: uppercase;
        font-size: 10px;	
        padding-top: 20px;
		border-bottom:1px solid #333;
		padding-bottom:8px;
        }  

#sticky {
        background:#000;
        border-top:30px;
        text-align: left;
        width:485px;
        font-size:10px;
        line-height: 1.5em;
        text-align:justify;
        position:relative;
        }

#sticky img {
        display:block;
        }

#sticky h3 {
        font-weight: strong;
        margin-top: -15px;
        }

#sticky .before {
        height: 28px;
        background: #000 url(./images/startgifs/start-485top.gif) top no-repeat;
        margin: 0;
        }

#sticky ul {
        color: #333;
        padding: 5px;
        background: #000 url(./images/startgifs/start-485middle.gif) repeat-y;
        margin: 0;
        }

#sticky .after {
        padding: 0px;
        background: #000 url(./images/startgifs/start-485bottom.gif) no-repeat;
        margin: 0;
        height: 50px;
        }

#sticky h2, #sticky h2 a, #sticky h2 a:hover {
	font-size:16px;
        background: #transparent;
        color:#111;
		line-height: 1.3em;
}

#sticky blockquote {
     margin:0 10px 0 10px!important;
     font-style: italic!important;
}


#rechts {
        width:390px;
        float: left;
        margin:0;
        padding: 0;
}

#sammlungen {
        text-align:right;
        /*margin-left: 7px!important;*/
        margin: 0;
        margin-bottom: 25px;
        width: 390px;
        padding: 0;
}

#sammlungen ul {
        float: left;
        text-align:center;
        margin: 0 15px 10px 0;
        padding: 0;
        width: 80px;
        background: #000;
        line-height: 1.1em;
        display: block;
}

#sammlungen img {
        margin: 0 0 4px 0;
}

#socialweb {
        margin:0;
}

#hannestreichl {
        margin: 0;
        padding: 40px 0 0 0;
        background: #000 url(./images/startgifs/hannestreichl.gif) top no-repeat;
        height:205px;
        width:485px;
        line-height: 1.2em;
        display:block;
        color:#555;
        }

#hannestreichl a {
        color:#555;
        }

#hannestreichl a:hover {
        color:#dAe6e2;
        }

#hannestreichl ul {
        margin: 0 25px 0 25px;
        list-style:none;
        }

#hannestreichl h3 {
        margin: 0;
        color: #dae6e2!important;
        }

#hannestreichl h2, #hannestreichl h2 a {
        color: #ff6600;
        text-transform: uppercase;
        font-size: 14px;
        margin:0;
        padding: 0;
        }

#recent {
        color: #444;
        margin: 0 0 0 7px!important;
        }

#recent h2, #recent h2 a {
        font-size: 16px;
		line-height:1.1em;
		margin: 0 0 8px 0;
		color:#dAe6e2;
		font-weight:normal;
		padding:0;
        }

#recent ul {
        padding: 0 0 5px 0;
        margin: 0 0 10px 0;
        border-bottom: 1px solid #333;
}

#recent ul ul {
        background: #000;
        padding: 0;
        font-size:0.95em;
        line-height: 1.3em;
        border: none;
        }

#recent ul ul a, #recent ul ul a:link {
        color: #555;
        }

#recent ul ul a:hover {
        color: #dAe6e2;
        }

#recent ul ul img {
        width: 390px;
        height: auto;
        float: left;
        margin-bottom: 4px;
        }


#recent ul ul img a, #recent ul ul img a:link {
        opacity:0.5!important;
        }


#recent img a:hover {
        filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
        }


h3, h2 {
        /*margin: 0;*/
        text-align: left;
        }





.bright {
        color: #dAe6e2;
}

/*************************************
 +Header and footer
 *************************************/
.description {
        display:none;
}

h1, h2, h3, h4{
	font-family:"Century Gothic","Trebuchet MS",georgia, Verdana, sans-serif;
}

h2, h2 a {
        margin: 0px -10px 0px -10px;
        padding-left: 10px;
        text-decoration: none!important;
        border-bottom: none!important;
        line-height: 1em;
}

h2 a:hover {
        color: #dAe6e2;
}


#header h1, #header p{
	color:#888;
	margin:0 35px 0 320px;
}

#header h1{
	font-family:"Century Gothic","Trebuchet MS","Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif;
	font-weight:100;
	font-size:16px;
	line-height:1em;
	margin-top:25px;
        text-align:right;
}

#header h1 a{
	color:#dAe6e2;
        border-bottom:0px!important;
}

#header h1 a:hover{
	border-bottom:0px!important;
}

/*************************************
 +Entry
 *************************************/         

.right { float: right; margin-right: 0px; margin-left: 10px; text-align:right; }
.left { float: left; margin-right: 10px; }
#clear, .clear {clear:both; margin: 0;}
#clear-left, .clear-left {clear: left;}
#clear-right, .clear-right {clear: right;}

.orange {
color:#ff6600;
}


/*************************************
 +Misc
 *************************************/
a{
	color:#546876;
	text-decoration:none;

}
a:hover{
	color:#ff6600;
}

img a{
        border:none!important;
}

#flickrrss {
    margin: 0;      
}

#flickrrss img {
    opacity:.6; 
    width: 45px!important;
    height: 45px!important;
     margin-right: 2px;
     filter: alpha(opacity=60);

}

#flickrrss img:hover {
    opacity:1.0; 
     filter: alpha(opacity=100);

}

#flickrrss ul {
    margin: 0;
    display: block;
}


#flickrrss ul li {
    display:inline;
    list-style:none;
}

#youtube {
    margin: 0; 
}

#youtube img {
    opacity:.6; 
}

#videoBar-bar {
    width:390px!important;
}

img.gsc-branding-img, img.gsc-branding-img-noclear {
display:none;
}

td.gsc-branding-text div.gsc-branding-text {display:none;}

.resultDiv_gsvb smallResultDiv_gsvb {border:none;}

#youtube li {
     width:75px!important;
}

.tweetmemargin {background: #fff; padding-bottom: 30px; border-bottom: 1px solid #ccc;}
#tweetme {margin:8px 8px 0 0; float:right;width: 55px;}
#tweetleftblock {float:left; height: 60px; width: 400px;}

#sticky h2 {
        text-align: center!important;
		margin:0;
}

#sticky h3 {
        text-align: center!important;
		margin:-15px 0 8px 0;
}

#ll ul li {float: left; margin-right: 4px; padding-right: 4px; border-right: 1px solid #333; list-style: none;}
#ll ul li a, #ll ul li {color:#333!important;}
#ll ul li a:hover {color: #fff!important;}
#ll ul {margin-left: -30px; font-size: 0.9em;}

#navileft img, #navileft img a, #navileft img a:link {
	border: none;
			margin: 0 0 12px 0;

}

#navileft {
		position:fixed; 
		top:85px;
		left:15px;
		width:30px;
		text-align:center;
		}
		
#recommend {padding: 0 8px 0 8px;}