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

Red 1:		rgb(231, 64, 55)
Beige 1:	rgb(195, 172, 154)
Beige 2:	rgb(239, 229, 220)
Rosa:		rgb(244, 215, 201)
Grau 1:		#555
Braun 1:	#6F635A          

*/

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

/* ### GLOBAL ### */

html { background-color: rgb(239,229,220); }
body { margin: 0; padding: 0; width: 100%; font-family: arial, sans-serif; font-size: 14px; line-height: 1em; color: #000; background: rgb(239,229,220) url(images/design/bg_body.jpg) no-repeat center top; display: table; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia; font-style: italic; font-weight: bold; }
h1 { margin: 0 0 0.8em 0; font-size: 1.8em; }
h2 { margin: 0 0 0.6em 0; font-size: 1.6em; }
h3 { margin: 0 0 0.4em 0; font-size: 1.3em; }
h4 { margin: 0 0 0.2em 0; font-size: 1.1em; }
a { text-decoration: none; color: #555; }
a:hover { color: #000; }
a:active, a:focus { border: 0; outline: none; }
p { margin-bottom: 1em; }

#wrap { margin: 0 auto; width: 960px; overflow: hidden; }

/* ### HEADER ### */

#header { height: 160px; margin: 0 0 30px 0; }
#startbox { width: 160px; height: 160px; margin: 6px 0; position: absolute; z-index: 100; }
#birdbox { width: 350px; height: 116px; margin: 10px 0 0 604px; position: absolute; z-index: 100; }
#tweetbox { position: absolute; z-index: 100; margin: 15px 0 0 610px; width: 270px; height: 100px; overflow: hidden; }
#tweetbox h4 { margin: 0 0 4px 0; padding: 0; }
#tweetbox p { font-size: 0.9em; }
#tweetbox a { color: rgb(231, 64, 55); }
#tweetbox a:hover { color: #555; }


#links { width: 90px; float:right; top: 120px; }
#links ul li { width: 32px; height: 32px; float: left; margin: 0 0 0 4px; }
#links ul li.rss { background: url(images/design/sprite_rss.png) no-repeat 0 0; }
#links ul li.rss:hover { background: url(images/design/sprite_rss.png) no-repeat 0 -32px; }
#links ul li.twitter { background: url(images/design/sprite_twitter.png) no-repeat 0 0; }
#links ul li.twitter:hover { background: url(images/design/sprite_twitter.png) no-repeat 0 -32px; }

/* ### NAV ### */

#nav { width: 260px; float: left; margin: 0 0 0 230px; overflow: hidden; }
#nav ul { width: 260px; margin: 30px 0; padding: 0; list-style: none; }
#nav ul li { float: left; height: 34px; width: 130px; margin: 0; padding: 0; font-family: Georgia; font-style: italic; font-weight: bold; font-size: 1.6em; }
#nav ul li a { display: block; padding: 5px 0 5px 20px; }
#nav ul li a:hover { color: #000; background: url(images/design/bg_nav-over.gif) no-repeat; }
#nav ul .current_page_item a { color: #000; background: url(images/design/bg_nav-on.gif) no-repeat; font-size: 1.4em; }

/* ### CONTENT ### */

#content { float: left; width: 680px; margin: 0 0 1em 0; padding: 10px; background-color: rgba(255,255,255,0.5); }
#content h2 { margin: 0 0 1.2em 0; }
#content h2 a { color: #000; }
#content h2 a:hover { color: rgb(231, 64, 55); }
#content h3 { margin: 0 0 1em 0; }
#content .post .post-date { width: 30px; height: 30px; margin: 0 0 10px 0; padding: 3px; background-color: rgb(231, 64, 55); float: left; }
#content .post .post-date .m { color: #000; font-weight: bold; margin: 0 0 0 4px; padding: 0; font-size: 0.8em; text-transform: uppercase; line-height: 0.9em; }
#content .post .post-date .j { color: #FFF; font-weight: bold; margin: 0 0 0 3px; padding: 0; font-size: 1.6em; line-height: 0.9em; }
#content .post .post-hl { float: left; height: 30px; width: 580px; padding: 3px; background-color: rgb(239, 229, 220); background-image: url(images/design/hl-arrow_1.gif); background-repeat: no-repeat; }
#content .post .post-hl h2 { margin: 8px 8px 8px 16px; font-size: 1.4em; }
#content .post .post-cat { width: 50px; height: 30px; margin: 0; padding: 3px; background-color: rgb(244, 215, 201); background-image: url(images/design/hl-arrow_2.gif); background-repeat: no-repeat; float: left; }
#content .post .post-cat .blatt { width: 30px; height: 30px; background: url(images/design/3blatt.gif) no-repeat; margin: -16px 0 0 32px; padding: 0px; display: block; }
#content p { font-size: 0.95em; width: 674px; clear: both; text-align: justify; line-height: 1.3em;  }
#content p a { color: rgb(231, 64, 55); }
#content p a:hover { color: #555; }
#content .post .small { margin: 0 0 10px 0; font-size: 0.8em; }
#content .post-navigation { height: 20px; font-size: 0.9em; padding-top: 10px; }
#content .post-navigation .links { float: left; }
#content .post-navigation .rechts { float: right; }

#startpic { height: 220px; margin: 0 0 30px 0; background: url(images/content/pic_start.png) no-repeat; }

#newsposts h3 { margin-bottom: 33px; }

#moreposts { float: right; }
#moreposts a { background: url(images/design/arrow-small_right.gif) no-repeat center right; padding: 0 14px 0 0; font-size: 0.9em; }

/* ### CONTENT WIDE ### */

#content-wide { float: left; min-height: 460px; margin: 0 0 1em 0; padding: 10px; background-color: rgba(255,255,255,0.5); }
#content-wide h2 { font-size: 1.6em; margin: 0 0 1em 0; }
#content-wide p { font-size: 0.95em; width: 700px; clear: both; line-height: 1.3em; }
#content-wide p a { color: rgb(231, 64, 55); }
#content-wide p a:hover { color: #555; }
#content-wide .post .post-date { width: 30px; height: 30px; margin: 0 0 10px 0; padding: 3px; background-color: rgb(231, 64, 55); float: left; }
#content-wide .post .post-date .m { color: #000; font-weight: bold; margin: 0 0 0 4px; padding: 0; font-size: 0.8em; text-transform: uppercase; line-height: 0.9em; }
#content-wide .post .post-date .j { color: #FFF; font-weight: bold; margin: 0 0 0 3px; padding: 0; font-size: 1.6em; line-height: 0.9em; }
#content-wide .post .post-hl { float: left; height: 30px; width: 840px; padding: 3px; background-color: rgb(239, 229, 220); background-image: url(images/design/hl-arrow_1.gif); background-repeat: no-repeat; }
#content-wide .post .post-hl h2 { margin: 8px 8px 8px 16px; font-size: 1.4em; }
#content-wide .post .post-cat { width: 50px; height: 30px; margin: 0; padding: 3px; background-color: rgb(244, 215, 201); background-image: url(images/design/hl-arrow_2.gif); background-repeat: no-repeat; float: left; }
#content-wide .post .post-cat .blatt { width: 30px; height: 30px; background: url(images/design/3blatt.gif) no-repeat; margin: -16px 0 0 32px; padding: 0px; display: block; }
#content-wide .post .post-info { font-size: 0.8em; border-top: 1px dotted #000; padding-top: 10px;  }
#content-wide .post-navigation { font-size: 0.9em; width: 800px; overflow: hidden; }
#content-wide .post-navigation .links { float: left; }
#content-wide .post-navigation .rechts { float: right; }
#content-wide form input { margin: 0 0 4px 0; }
#content-wide form label { font-size: 0.9em; }
#content-wide form textarea { margin: 10px 0 8px 0; }
#content-wide #respond { margin: 20px 0 10px 0; padding: 3px 0 0 25px; height: 20px; background: url(images/design/arrow.gif) no-repeat; }
#content-wide #comments { margin: 20px 0 10px 0; padding: 3px 0 0 25px; height: 20px; background: url(images/design/arrow.gif) no-repeat; }
#content-wide #submit { margin: 10px 0 20px 0; }
#content-wide .kommentator { margin: 0 4px 8px 0; display: block; float: left; font-weight: bold; }
#content-wide .comment-info { font-size: 0.8em; border-bottom: 1px dotted #000; padding-bottom: 10px; margin: 0 0 10px 0; }
#content-wide .count { float: right; width: 22px; height: 15px; margin: 0 230px 10px 0; background: url(images/design/arrow-count.gif) no-repeat; color: #FFF; font-weight: bold; font-size: 1.2em; padding: 5px 0 4px 8px; text-align: center; }

/* ### CONTENT WIDE 2 ### */

#content-wide2 { float: left; min-height: 460px; margin: 0 0 1em 0; padding: 10px; background-color: rgba(255,255,255,0.5); }
#content-wide2 h2 { font-size: 1.6em; margin: 0 0 1em 0; }
#content-wide2 p { font-size: 0.95em; line-height: 1.3em; }
#content-wide2 p a { color: rgb(231, 64, 55); }
#content-wide2 p a:hover { color: #555; }
#content-wide2 .post-content-hoch { float: left; width: 515px; margin: 20px 20px 1em -35px; }
#content-wide2 .post-content-hoch a { color: #6F635A; }
#content-wide2 .post-content-hoch a:hover { color: #000; }
#content-wide2 .pic-hoch { float: left; width: 400px; margin: 20px 2px 10px 0; }
#content-wide2 .post-content-quer { margin: 0; }
#content-wide2 .pic-quer { margin: 0 0 10px 0; }
#content-wide2 .post .post-date { width: 30px; height: 30px; margin: 0 0 10px 0; padding: 3px; background-color: rgb(231, 64, 55); float: left; }
#content-wide2 .post .post-date .m { color: #000; font-weight: bold; margin: 0 0 0 4px; padding: 0; font-size: 0.8em; text-transform: uppercase; line-height: 0.9em; }
#content-wide2 .post .post-date .j { color: #FFF; font-weight: bold; margin: 0 0 0 3px; padding: 0; font-size: 1.6em; line-height: 0.9em; }
#content-wide2 .post .post-hl { float: left; height: 30px; width: 840px; padding: 3px; background-color: rgb(239, 229, 220); background-image: url(images/design/hl-arrow_1.gif); background-repeat: no-repeat; }
#content-wide2 .post .post-hl h2 { margin: 8px 8px 8px 16px; font-size: 1.4em; }
#content-wide2 .post .post-cat { width: 50px; height: 30px; margin: 0; padding: 3px; background-color: rgb(244, 215, 201); background-image: url(images/design/hl-arrow_2.gif); background-repeat: no-repeat; float: left; }
#content-wide2 .post .post-cat .blatt { width: 30px; height: 30px; background: url(images/design/3blatt.gif) no-repeat; margin: -16px 0 0 32px; padding: 0px; display: block; }
#content-wide2 .post .post-info { font-size: 0.8em; border-top: 1px dotted #000; padding-top: 10px;  }

#content-wide2 table { width: 100%; margin: 0 0 1em 0; }
#content-wide2 .radio { width: 100%; margin: 2em 0 1em 0; }
#content-wide2 table th { font-weight: bold; }
#content-wide2 table td { padding: 8px 0 8px 0; }
#content-wide2 table .head { padding: 0 0 10px 14px; margin-top: 2px; font-weight: bold; vertical-align: top; background: url(images/design/arrow-small_right2.gif) no-repeat top left; }
#content-wide2 table .head2 { padding: 0 0 0 14px; margin-top: 2px; font-weight: bold; vertical-align: top; background: url(images/design/arrow-small_right2.gif) no-repeat top left; }
#content-wide2 table .myrow { border-bottom: 1px dotted rgba(150,150,150,0.5); vertical-align: top; }
#content-wide2 table .myrow .jahr { font-weight: bold; }
#content-wide2 table .myrow .info { font-size: 0.9em; }

#content-wide2 #dateposts { margin: 20px 0; font-size: 1.2em; }
#content-wide2 #dateposts a { display: block; }
#content-wide2 #dateposts a:hover { font-weight: bold; }
#content-wide2 #dateposts table { width: 100%; margin: 0 0 7px 0; padding: 0; }
#content-wide2 #dateposts .livedate { height: 14px; margin: 0; padding: 0; vertical-align: top; background: url(images/design/arrow-small_right2.gif) no-repeat top left; border-bottom: 1px dotted rgba(150,150,150,0.5); }
#content-wide2 #dateposts .livedate td { padding: 0 0 7px 14px; margin: 0; }

/* ### CONTENT WIDE 2 - MEDIA ### */

#content-wide2 .post-content-hoch .mediabox { overflow: hidden; clear: both; margin: -10px 0 20px 0; }
#content-wide2 .post-content-hoch .mediabox .ppic { width: 140px; float: left; margin: 0 10px 10px 0; padding: 10px; background-color: #FFF; }
#content-wide2 .post-content-hoch .mediabox .ppic img { width: 140px; height: 93px; margin: 0 0 10px 0; }
#content-wide2 .post-content-hoch .mediabox .ppic p { margin: 0; padding: 0; text-align: center; }
#content-wide2 .post-content-hoch .mediabox .ppic .last { margin: 0 0 10px 0; }
#content-wide2 .post-content-hoch .mediabox .techbox p { background: url(images/media/icon_paper.png) no-repeat top left; line-height: 32px; padding: 0 0 0 42px; }
#content-wide2 .post-content-hoch .mediabox .techbox p a:hover { font-weight: bold; }

/* ### SIDEBAR RIGHT ### */

#right {width: 220px; float: right; margin: 0 0 1em 0; padding: 10px; background-color: rgba(255,255,255,0.5); }
#right h3 { font-size: 1.2em; margin: 0 0 1em 4px; }
#right h3 a { color: #000; } #right h3 a:hover { color: rgb(231, 64, 55); }

.livedate { height: 46px; margin: 0 0 4px 0; clear: both; }
.date { width: 42px; height: 38px; float: left; background-color: rgb(231, 64, 55); padding: 4px; text-align: center; }
.monat { margin: 0; padding: 0; font-weight: bold; text-transform: uppercase; }
.tag { margin: -2px 0; padding: 0; line-height: 0.9em; color: #FFF; font-weight: bold; font-size: 1.9em; }
.location { width: 120px; height: 38px; padding: 4px; float: left; font-size: 0.9em; background-color: rgb(239, 229, 220); border-left: 1px dotted #000; }
.location a { color: rgb(195, 172, 154); font-size: 0.9em; }
.location a:hover { color: rgb(231, 64, 55); text-decoration: underline; }
.city { font-weight: bold; margin: 0; padding: 0; }
.loc { margin: 0; padding: 0; }
.type { margin: 0; padding: 4px; width: 32px; height: 38px; float: left; background-color: rgb(244, 215, 201); text-align: center; border-left: 1px dotted #000; }
.dates { margin: 0 0 1em 0; }

#cd { height: 100px; margin: 0 0 1em 0; overflow: hidden; }
	
#social { height: 40px; padding: 0 0 0 4px; margin: 0 0 1.4em 0; }
	#fm4 { height: 40px; width: 40px; background: url(images/design/sprite_social.png) no-repeat 0 0; float: left; }
	#fm4:hover { background: url(images/design/sprite_social.png) no-repeat 0 -40px; }
	#on3 { height: 40px; width: 40px; background: url(images/design/sprite_social.png) no-repeat -40px 0; float: left; margin: 0 0 0 4px; }
	#on3:hover { background: url(images/design/sprite_social.png) no-repeat -40px -40px; }
	#pod { height: 40px; width: 40px; background: url(images/design/sprite_social.png) no-repeat -80px 0; float: left; margin: 0 0 0 4px; }
	#pod:hover { background: url(images/design/sprite_social.png) no-repeat -80px -40px; }
	#vimeo { height: 40px; width: 40px; background: url(images/design/sprite_social.png) no-repeat -120px 0; float: left; margin: 0 0 0 4px; }
	#vimeo:hover { background: url(images/design/sprite_social.png) no-repeat -120px -40px; }
	#face { height: 40px; width: 40px; background: url(images/design/sprite_social.png) no-repeat -160px 0; float: left; margin: 0 0 0 4px; }
	#face:hover { background: url(images/design/sprite_social.png) no-repeat -160px -40px; }

#tagcloud { height: 154px; padding: 4px; margin: 0; line-height: 1.2em; text-align: justify; }


/* ### FOOTER ### */

#footer { clear: both; overflow: hidden; padding: 20px; margin: 0 auto; background-image: url(images/design/bg_footer.png); background-repeat: repeat-y; background-position: center; color: #000; }
#footer-content { margin: 0 auto; padding: 20px; width: 920px; overflow: hidden; background-color: rgba(255,255,255,0.6); }
#footer .footer-list { width: 202px; margin: 0 25px 0 0; float: left; color: #000; border-right: 1px dotted #000; min-height: 160px; padding: 0 10px 0 0; }
#footer .footer-list a { line-height: 18px; font-variant: small-caps; color: #555; display: block; }
#footer .footer-list a:hover { color: #FFF; font-weight: bold; background: url(images/design/bg_footer-menue.gif) no-repeat; padding-left: 25px; }
#footer .footer-list h2 { background: url(images/design/arrow.gif) no-repeat; margin: 0 0 4px 0; padding-bottom: 0.5em; padding-left: 22px; padding-top: 3px; font-size: 1.2em; font-style: normal; font-family: arial, sans-serif; font-variant: small-caps; width: 188px; display: block; }
#footer .last { margin-right: 0; border: 0; padding: 0; }

/* ### IMAGES ### */

.alignleft { float: left; margin: 0 1em 1em 0; display: inline; }
.alignright { float: right; margin: 0 0 1em 1em; }