/*
        Author Name        : Robert Boyce
        Author Site        : http://rcboyce.com
        Style Name        : Stormy Horizon
        Style URI        : http://www.rcboyce.com/projects/web/k2/stormy-horizon/
        Version                : 1.1
        Comments        : This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 2.5 License.
                                  Image is by Robert Boyce, released under the same license..
*/



/*        ----------------
Main body
----------------        */

body
        {
        background: #333;
        }

#page
        {
        color: #fff;
        background: #191919;
        padding: 0;
        border: 1px solid #000;
        position: relative;
        }


/*        ----------------
Header
----------------        */

#header
        {
        height: 206px;
        margin: 0 auto;
        background: #111 url('header_sugar.jpg') no-repeat scroll top center !important;
        color: #aaa;
        }

#header h1
        {
        color: #fff;
		/*filter:Glow(color=#0000ff, strength=10);*/
		letter-spacing: 0.4em;
		
        }
#header h1 a
        {
        color: #fff;
        text-decoration: none;
        }
#header .description
        {
        font-size: 1em;
		letter-spacing: 0.3em;
        margin: 0 0 0 40px;
        color:#00CCFF  !important;
        }
#header .description a
        {
        color: #ccc !important;
        }

ul.menu li a
        {
        font: 1em Verdana, Helvetica, Arial, Sans-Serif;
		font-weight: bold; /* neu hinzu */
        text-transform: lowercase;
        color: black /*#ccc*/;
        background-color: #ddd; /*#49535b;*/
        opacity:.70; /*.40*/
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /*opacity=40*/
        }
ul.menu li a:hover
        {
        background: #ddd; /*#636c78;*/
        color: black /*#333*/ !important;
        text-decoration: none;
        opacity:.80; /*.60*/
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /*opacity=60*/
        }
ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover
        {
        background: #b97;
        color: black /*#333*/ !important;
        text-decoration: none;
        opacity: .80; /*.50;*/
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /*opacity=50*/
        }


/*        This positions the navigation menu at the top of the header.        */
ul#menu-top
        {
        display: inline !important;        /*        This line prevents the top menu from showing up in styles that don't support it.        */
        position: absolute;
        top: -2px;
        left: 25px;
        }
ul#menu-top li a
        {
        background: #333;
        color: #ccc !important;
        opacity:.50;
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
        }
ul#menu-top li a:hover
        {
        background: #000;
        color: #ccc !important;
        opacity:.60;
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
        }

/*        ----------------
Post images
----------------        */

.primary img
        {
        margin-left: -5px;
        padding: 4px;
        border: 0px;
        max-width: 100%;
        }

img.center
        {
        display: block;
        margin-left: auto;
        margin-right: auto;
        }
img.alignright
        {
        padding: 4px;
        margin: 0 0 2px 7px;
        display: inline;
        }
img.alignleft
        {
        padding: 4px;
        margin: 0 7px 2px 0;
        display: inline;
        }
img.noborder
        {
        border: none;
        }



/*        ----------------
Headers
----------------        */

h1,
h2,
h3,
h4
        {
        font-family: 'Century Gothic' Lucida Grande, Verdana, Sans-Serif;
        }

h1,
h1 a,
h1 a:hover,
h1 a:visited,
#header .description
        {
        text-decoration: none;
        color: #aaa;
        }
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited
        {
        color: #888;
        }


/*        ----------------
Meta info
----------------        */

.entry-meta
        {
        font-size: 1em;
        display: block;
        color: #555;
        }

/*        I went ahead and dropped the icon for post time, since I found it annoying.        */

.chronodata
        {
        background: none !important;
        padding: 2px 0 !important;
        }
.chronodata abbr
        {
        font: inherit;
        }
.commentslink
        {
        padding: 2px 0 2px 17px;
        margin: 0 10px 0 5px;
        }
.entry-edit a
        {
        padding: 2px 0 2px 17px;
        margin: 0;
        }

/*        ----------------
Main content
----------------        */

.entry-content
        {
        color: #888;
        }

a:hover,
a:visited:hover
        {
        text-decoration: underline;
        }
h2 a:hover,
h2 span a:hover
        {
        color: #ccc !important;
        }
a
        {
        color: #bbb;
        text-decoration: none;
        }
.entry-content a:visited
        {
        color: #b97;
        }


/*        ----------------
Quick posts
Any post with the category of "quick" will follow these styles.
----------------        */

.category-quick h3.entry-title
        {
        font-size: 2em !important;
        display: inline;
        }
.category-quick .entry-meta
        {
        font-size: .9em;
        display: inline;
        margin-left: 10px;
        }
.category-quick .entry-category
        {
        display: none;
        }
.category-quick .entry-content
        {
        font-size: 1.1em;
        line-height: 1.3em;
        }
.category-quick .entry-content p,
.category-quick .entry-content ul,
.category-quick .entry-content ol,
.category-quick .entry-content div,
.category-quick .entry-content blockquote
        {
        margin: 8px 0;
        }

/*         Restores normal styling to quick posts on individual pages.        */

body.single .category-quick h3.entry-title
        {
        font-size: 2.4em !important;
        }
body.single .category-quick .entry-meta
        {
        font-size: 1em;
        display: block;
        margin-left: 0;
        }
body.single .category-quick .entry-category
        {
        display: inline;
        }
body. single .category-quick .entry-content
        {
        font-size: 1.2em;
        line-height: 1.8em;
        }
body.single .category-quick .entry-content p,
body.single .category-quick .entry-content ul,
body.single .category-quick .entry-content ol,
body.single .category-quick .entry-content div,
body.single .category-quick .entry-content blockquote
        {
        margin: 13px 0;
        }

#footer
        {
        color: #ccc;
        }
#footer a
        {
        font-weight: normal;
        color: #ccc;
        text-decoration: underline;
        }
#footer a:hover
        {
        color: #fff;
        }

/*        ----------------
Comments
----------------        */
li.byuser
        {
        background: #444;
        }

li.bypostauthor
        {
        background: #999;
        color: #191919;
        }