/*
Theme Name:     Weeh78
Theme URL:      http://www.weeh78.de
Description:    WP-Theme für weeh78.de
Version:        1.0
Author:         im:cube7 | Sebastian Schwarz
Author URL:     http://www.imcube7.de/

Black:		#000;
White:		#FFF;
Grey d:		#333;
Grey b:		#EFEFEF;	
Orange:		#DF7300;
Cyan:		#3399CC;	

*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* *** GLOBAL *** */

body { background: #333333 url(images/_design/bg_body.jpg) repeat-x top left; color: #777; font-family: "Helvetica", "Arial", sans-serif; font-size: 14px; }
a { text-decoration: none; color: #DF7300; }
:focus { outline: none; border: 0; }
.center { text-align: center; }

#wrap { width: 880px; margin: 0 auto; }
#tools { width: 240px; height: 320px; margin: 150px 0 0 -150px; position: absolute; z-index: -20; }

/* *** HEADER *** */

#header { height: 200px; background: url(images/_design/logo_weeh78.jpg) no-repeat right 40px; margin: 0 0 10px 0; }
#header h1 { text-indent: -9999px; }

#kopf { width: 160px; height: 180px; margin: 0 0 0 -30px; position: absolute; z-index: 10; background: url(images/_design/weeh_kopf.png) no-repeat left top; }

#linkbox-home { position: absolute; z-index: 20; margin: 10px 0 0 282px; }

/* *** CONTENT *** */

#leinwand { width: 880px; height: 620px; background: url(images/_design/bg_leinwand.png) no-repeat left top; }

#leinwand-t { background: url(images/_design/bg_leinwand-t.png) no-repeat left top; height: 40px; }
#leinwand-f { background: url(images/_design/bg_leinwand-f.png) repeat-y left top; }
#leinwand-b { background: url(images/_design/bg_leinwand-b.png) no-repeat left top; height: 70px; }

.post { padding: 0 40px 0 40px; overflow: hidden; }
.post h2 { font-size: 1.7em; letter-spacing: -1px; margin: 0 0 1em 0; color: #DF7300; }
.post p { text-align: justify; margin: 0 0 1em 0; line-height: 1.3em; }
.post p.link_arrow-l { background: url(images/_design/link_arrow-l.jpg) no-repeat 0 0; width: 150px; height: 40px; display: block; margin: 40px 0 0 -5px; }
.post a { color: #DF7300; text-decoration: none; }
.post a:hover { color: #3399CC; }
.post p.link_arrow-l a { display: block; padding: 9px 0 6px 41px; }

.post #left { float: left; width: 360px; }

.post #right { float: right; width: 420px; margin: 50px 0 0 0; }
.post #right img { width: 380px; background: #EFEFEF; padding: 20px; margin: 0 0 1em 0; }
.post #right table { margin: 0 0 1em 0; }
.post #right tr { height: 1.8em; vertical-align: top; }

.post .stimme { width: 350px; padding: 20px; min-height: 120px; background: #EFEFEF; float: left; margin: 0 10px 10px 0; }
.post .stimme h3 { margin: 0 0 6px 0; }
.post .stimme .audioplayer_container { margin: 0; }

/* *** SLIDER *** */

noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }
.coda-slider-wrapper { padding: 0; margin: 0; width: 880px; height: 620px; clear: both; overflow: hidden; }

.coda-nav-left { margin: 260px 0 0 6px; width: 24px; height: 24px; float: left; overflow: hidden; background: url(images/_design/nav_arr-l.png) no-repeat 0 0; }
.coda-nav-left:hover { background: url(images/_design/nav_arr-l.png) no-repeat 0 -24px; }

.coda-slider { width: 800px; height: 450px; float: left; background: #FFFFFF url(images/_content/leinwand_000.jpg) no-repeat left top; margin: 40px 0 60px 10px; overflow: hidden; position: relative; }
.coda-slider-no-js .coda-slider { height: 450px; overflow: auto !important; padding-right: 20px; }
.coda-slider .panel { width: 800px; height: 450px; display: block; float: left;} 
.coda-slider .panel-container { position: relative; }
.coda-slider .panel-wrapper { padding: 0px; }
.coda-slider p.loading { padding: 20px; text-align: center; }

.coda-nav-right { margin: 260px 6px 0 0; width: 24px; height: 24px; float: right; overflow: hidden; background: url(images/_design/nav_arr-r.png) no-repeat 0 0; }
.coda-nav-right:hover { background: url(images/_design/nav_arr-r.png) no-repeat 0 -24px; }

#coda-nav-1 { margin: 540px 0; padding: 0; }

.coda-nav ul { clear: both; display: block; margin: 0 40px 20px 40px; overflow: hidden; }
.coda-nav ul li { display: inline; float: left; margin: 0 2px 0 0; }
.coda-nav ul li a { display: block; float: left; padding: 0; border-bottom: 4px solid #333; }
.coda-nav ul li a:hover { border-bottom: 4px solid #3399CC; }
.coda-nav ul li a.current { border-bottom: 4px solid #DF7300; }

/* *** FOOTER *** */

#footer { clear: both; overflow: hidden; padding: 10px 40px 40px 40px; }

#stimme { width: 32px; height: 32px; float: left; margin: 0 4px 0 0; overflow: hidden; background: url(images/_design/sprite_footer-btns.png) no-repeat 0 0; }
#stimme:hover { background: url(images/_design/sprite_footer-btns.png) no-repeat 0 -32px; }

#myspace { width: 32px; height: 32px; float: left; margin: 0 4px 0 0; overflow: hidden; background: url(images/_design/sprite_footer-btns.png) no-repeat -32px 0; }
#myspace:hover { background: url(images/_design/sprite_footer-btns.png) no-repeat -32px -32px; }

#xing { width: 32px; height: 32px; float: left; margin: 0 4px 0 0; overflow: hidden; background: url(images/_design/sprite_footer-btns.png) no-repeat -64px 0; }
#xing:hover { background: url(images/_design/sprite_footer-btns.png) no-repeat -64px -32px; }

#contact { width: 32px; height: 32px; float: right; margin: 0 0 0 4px; overflow: hidden; background: url(images/_design/sprite_footer-btns.png) no-repeat -96px 0; }
#contact:hover { background: url(images/_design/sprite_footer-btns.png) no-repeat -96px -32px; }

#ic7 { clear: both; text-align: center; font-size: 0.7em; padding-top: 20px; }
#ic7 a { color: #dd9830; } #ic7 a:hover { color: #3399CC; }