/*
Theme Name: Blue Wonder
Theme URI: http://www.technobeta.com
Description: Classy blue and orange colored theme.
Version: 1.0
Author: Joel Fernandes
Author URI: http://www.technobeta.com

/*

/*

Based on Silver Lexus created by Highlands by Design (http://www.highlandsbydesign.com/)

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* Begin Base Elements */

*
{
    margin: 0;
    padding: 0;
    border: 0;
}
body
{
    font: 75%/150% "Lucida Grande" , Verdana, Lucida, Lucida Handwriting, Helvetica, Arial, sans-serif;
    color: #393939;
    background: url( 'images/shadow_left1.png' ) repeat-y;
}
#mission
{
    padding: 15px;
    margin: 0 0 10px 0;
    border: 2px solid #96ADC8;
    background: #BCD1EA url(images/bg-mission.gif) repeat-x bottom left;
}
html > body
{
    width: auto;
    min-width: 200px;
}
a
/*Schriftfarbe der Links*/
{
    text-decoration: none;
    color: #0066cc;
    font-weight: bold;
    background: transparent;
}
a:hover
/*Schriftfarbe eines ausgewählten Links*/
{
    text-decoration: underline;
    color: #dc143c;
}
small
{
    text-align: right;
    margin: 1em 0;
}
h1
{
    font-size: 1.5em;
}
h2, h3, h4
{
    font-size: 1.2em;
    border-bottom: 1px solid /*dashed*/ /*#ddd*/;
}
h5
{
    font-size: 1.2em;
}
hr
{
    margin: 0 auto;
    clear: both;
    border-top: 2px solid #696969/*#ddd*/;
}
.date
{
    color: #778899;
    padding: 0.5em 1em;
    text-align: right;
    float: right;
}
.date1
{
    font-size: 1.5em;
    display: block;
}
.date2
{
    font-size: 1.5em;
    display: block;
}
.date3
{
    font-size: 1.5em;
    display: block;
}
.pageInfo
/*Informationen zur Einstellung eines Beitrags*/
{
    font-size: 0.8em;
    color: #222;
    text-align: left;
    border-bottom: 1px solid #ccc;
    padding: 1em;
    clear: both;
}
.fifty
{
    width: 40%;
    text-align: center;
}
.boxedup
{
    border: 1px solid #eee;
    padding: 0.5em;
    margin: 0.5em;
}
.aligncenter
{
    text-align: center;
}

#newheader
/*Header der Website*/
{
    background: url( 'images/headbackground.png' );
    background-position:left top;
    background-repeat:repeat-x;
    height: 100px;
}

#newheadertitle
/*Titel der Website*/
{
    position:relative;
    top:25px;
    font-size:3em;
    font-weight: bold;
    color:#696969;
    text-align:left;
    padding-left: 50px;
}

#headerimage
{
    background: url( '' ) no-repeat top right;
    list-style: none;
    margin-left:100px;
    margin-right:100px;
    margin-top:30px;
}
#newheader h2
{
    color: #696969;
    font-size: 0.5em;
    font-weight: normal;
    text-align:left;
    margin-top: 25px;
    margin-left: 50px;
}
#wrapper
{
    background: url( 'images/shadow_right1.png' ) repeat-y top right;
    padding: 1px;
}
#highlands
{
    float: left;
    width: 100%;
}

#currentTime 
{
	width: 200px;
	margin-top: 5px;
	/*margin-right: 200px;*/
/*	float: right;*/
	color: #000000;
	background: transparent;
	font-size: 100%;
	text-align: left;
}

#column1
{
    background: url( '' ) no-repeat top right;
    margin: 0 215px 0 235px;
    padding-top: 10px;
    text-align: left;
}
#column1 p
{
    margin: 0 1.5em 1.5em 1.5em;
    line-height: 1.5em;
}
#column1 h1, #column1 h2, #column1 h3
{
    color: #aaa;
    font-weight: bold;
    margin: 0.5em 0;
    padding-bottom: 0.2em;
    border: 0;
}
#column1 h2
{
    font-size: 1.5em;
}
#column1 h2 a
{
    color: #696969;
}
#column1 h2 a:hover
{
    color: #666;
}
#column1 ul, #column1 ol
{
    margin: 1em;
    padding: 0.5em;
    border-top: 1px solid /*dashed*/ #eee;
    border-bottom: 1px solid /*dashed*/ #eee;
}
#column1 ul li
{
    margin: 0 1em;
    padding: 0.2em;
    list-style: square inside;
}
#column1 ol li
{
    margin: 0 3em;
    padding: 0.2em;
    list-style: decimal;
}
#column1 blockquote
{
    margin: 15px;
    padding: 0 0 10px 30px;
    font-style: italic;
    background: url( 'images/blockquote.png' ) no-repeat 0 0;
}
#column1 blockquote p
{
    margin: 1em 2em 0 0;
}
#column2
{
    float: left;
    width: 200px;
    margin-left: -100%;
    font-size: 0.8em;
    padding-top: 10px;
}
#column2 ul

{
    margin-left: 5px;

    list-style: none;
}
#column3
{
    float: left;
    width: 200px;
    margin-left: -200px;
    font-size: 0.8em;
    padding-top: 10px;
}
#column3 ul
{
    margin-right: 7px;
    list-style: none;
}
#footer
{
    background: url( 'images/bg-mission.gif' ) repeat-x top left;
    font-size: 0.8em;
    clear: both;
    padding: 3px 10px;
    margin: 0;
}
#footer p
{
    text-align: center;
    margin: 0;
    padding: 0;
}
#back
{
    clear: both;
    font-size: 1em;
    text-align: right;
    padding: 0 10px;
    clear: both;
    margin-top: 20px;
}
#back a
{
    font-weight: normal;
}
#back span
{
    float: left;
}
#back strong
{
    color: #006;
}
#navigation
/*Rahmenlinie oben/unten Seitenmenue*/
{
    display: block;
    background: url( 'images/strectch018.gif' ) repeat;
    text-align: center;
    height: 2em;
    padding: 2px 0;
    border-top: 1px solid #696969;
    border-bottom: 2px solid #696969;
}
#nav
{
    padding-left: 10px;
    min-width: 1000px;
    margin: 0 auto;
}
#nav, #nav ul
{
    text-align: left;/*right;*/
    font-size: 1.1em;
    list-style: none;
    font-weight: normal;
    z-index: 8;
}
#nav li
{
    float: left;
    padding: 0;
    margin: 0;
}
#nav a
/*Breite eines Menuepunkts im Seitenmenue*/
{
    border-right: 5px solid #eee;
    display: block;
    line-height: 2em;
    padding: 0 10px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
#nav a:hover
{
    border-right: 5px solid #fda;
    color: #000;
    background: #fbc87e;
}
#nav li ul
{
    margin: 0;
    padding: 0;
    font-size: 1em;
    border: 1px solid #ddd;
    background: #fbc87e repeat;
    position: absolute;
    left: -999em;
    height: auto;
    width: 20em;
}
#nav li li
{
    width: 20em;
    margin: 0;
}
#nav li ul a
{
    border-left: 1em solid #fda;
    margin: 0;
}
#nav li ul a:hover
{
    border-left: 1em solid #f90;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul
{
    left: auto;
}
#nav li:hover, #nav li.sfhover
{
    color: #87CEEB;
    background: #ccc;
}
#page_nav a
{
    display: block;
    color: #999;
    padding: 10px;
    border: 1px solid #eee;
}
#page_nav a:hover
{
    color: #999;
    border: 1px solid #ddd;
    background: #eee;
}
#breadcrumbs
{
    position: absolute;
    font-size: 0.8em;
    /*top: 6px;*/
    top: 83px;
    /*left: 5px;*/
    right: 7px;
    text-align: right;
    /*text-transform: lowercase;*/
}
#searchCSS
{
    font-size: 0.9em;
    position: absolute;
    top: 60px;
    right: 7px;
}
#searchform
{
    text-align: center;
}
#searchform #s
{
    width: 100px;
    font-size: 11px;
    padding: 4px;
    border: 1px solid #4C89BB;
}
#searchform #s:focus
{
    border: 1px solid #aaa;
    background: #fafafa;
}
#searchsubmit
{
    font-size: 9px;
    background: #fff url( 'icons/icon_search.png' ) no-repeat 1px 1px;
    cursor: pointer;
    padding: 0 0 0 15px;
    border: 1px solid #aaa;
}
#searchsubmit:hover
{
    border: 1px solid #999;
}
#submit
{
    cursor: pointer;
}

#kinder {  
     background: url( 'images/kinder3.jpg' );
     } 

#aktionen /*{  
     background: transparent/*url( 'images/kinder3.jpg' )*/;
     } */

.entry form
{
    text-align: center;
}
select
{
    width: 140px;
}
#commentform input
{
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    border: 1px solid #ccc;
    background: #fafafa;
}
#commentform input:focus
{
    border: 1px solid #aaa;
    background: #f6f6f6;
}
#commentform textarea
{
    width: 95%;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fafafa;
}
#commentform textarea:focus
{
    border: 1px solid #aaa;
    background: #f6f6f6;
}
#commentform #submit
{
    border: 1px solid #ccc;
    color: #666;
    background: #fafafa;
    vertical-align: top;
}
#commentform #submit:hover
{
    border: 1px solid #aaa;
    background: #eee;
}
.comment_no
{
    padding-top: 10px;
    float: right;
    font-size: 3.5em;
    color: #eee;
}
.commentlist
{
    padding: 0;
    margin: 5px;
    list-style: none;
}
.commentlist li


{
    clear: both;
    list-style: none;
    padding: 10px;
    background: #fff url( 'images/gradient.png' ) repeat-x 0 -10px;
    border-top: 1px solid #ddd;
    margin: 10px;
}
.commentlist li:hover
{
    background-position: 0 0;
    border-top: 1px solid #ccc;
}
.commentlist .gravatar
{
    display: block;
    float: left;
    padding: 3px;
    margin: 0 20px 5px 0;
    border: 2px solid #ccc;
    background: #eee;
}
.alt
{
    clear: both;
}
p img
{
    padding: 0;
}
p img[alt="an image"]
{
    float: left;
    margin: 0 7px 2px 0;
}
img.alignright
{
    padding: 4px;
    margin: 50px;
    /*margin: 0 0 2px 7px;*/
    display: inline;
}
img.alignleft
{
    padding: 4px;
    margin: 50px;
    /*margin: 0 0 2px 7px;*/
    display: inline;
}
.center
{
    display: block;
    margin: 50px;
/*    margin-left: auto;
    margin-right: auto;*/
}
.alignright
/*Nächst Einträge*/
{
    float: right;
}
.alignleft
/*Vorherige Einträge*/
{
    float: left;
}
.images
{
    width: 95%;
    text-align: center;
}
.images img
{
    float: left;
    clear: both;
    margin: 0 auto;
}
#wp-calendar
{
    text-align: center;
}
#wp-calendar
{
    width: 100%;
    background: #fff8dc;
}
#wp-calendar caption
{
    background: #ddd;
    font-weight: bold;
}
#wp-calendar thead
{
    background: #eee;
}
#wp-calendar #today
{
    background: #eef;
}
#wp-calendar a
{
    text-decoration: underline;
}
#column2 ul, #column3 ul
{
    padding-bottom: 20px;
    margin-bottom: 1em;
    background: #e5ecf5 no-repeat bottom right;
}
#column2 ul li, #column3 ul li
{
    margin: 0;
    padding: 0.5em;
    /*padding-left: 1.5em;*/
    background: #f8c269;/*#feecb9;*/
}
#column2 ul li.listHeader, #column3 ul li.listHeader
{
    background: transparent;
    padding: 0;
}
#column2 ul li h2, #column2 ul li h3, #column3 ul li h2, #column3 ul li h3
{
    margin: 0;
    padding: 0.5em;
    color: #000;
    background: #f8c269;/*e5ecf5*/
}
.icons a
{
    display: block;
    height: 16px;
    padding-left: 25px;
}
.icons a:hover
{
    background-position: left bottom;
}
.icons .s_delicious
{
    background: #fafafa url( 'icons/delicious.gif' ) no-repeat;
}
.icons .s_digg
{
    background: #f6f6f6 url( 'icons/digg.gif' ) no-repeat;
}
.icons .s_technorati
{
    background: #fafafa url( 'icons/technorati.gif' ) no-repeat;
}
.icons .s_reddit
{
    background: #f6f6f6 url( 'icons/reddit.gif' ) no-repeat;
}
.icons .s_magnolia
{
    background: #fafafa url( 'icons/magnolia.gif' ) no-repeat;
}
.icons .s_stumbleupon
{
    background: #f6f6f6 url( 'icons/stumbleupon.gif' ) no-repeat;
}
.icons .s_yahoo
{
    background: #fafafa url( 'icons/yahoo.gif' ) no-repeat;
}
.icons .s_google
{
    background: #f6f6f6 url( 'icons/google.gif' ) no-repeat;
}
.iconComment a
{
    padding-left: 20px;
    background: url( 'icons/icon_comment.png' ) no-repeat top left;
}
.iconEdit
{
    background: url( 'icons/icon_edit.png' ) no-repeat top left;
    padding: 1px 0 5px 20px;
}
.iconrss
{
    background: url( 'icons/icon_feed.gif' ) no-repeat;
}

/* End Icons and Stuff */
body
{
}