/*
Theme Name: OddNina
Theme URI: http://www.oddnina.de
Description: OddNina, jetzt auch als Theme... >.>
Version: 3.0
Author: Nina und Kay
Author URI:
*/

/* @override http://www.oddnina.de/wp-content/themes/OddNina3/style.css */

/* @group Allgemein */
* {margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.3em;}

body {background: black;background:black url(images/patterndark.png) top center;}
img {border: 0px none}
p {padding-bottom: 12px;}
.clear { clear: both; }
.alignleft {float:left;}
.alignright {float:right;}
object.alignright,
img.alignright {margin-left:10px;}
object.alignleft,
img.alignleft {margin-right:10px;}
img.img500 {width:410px !important}
/* @end */

/* @group Layout */
#container {width: 960px; margin: 0 auto; margin-top: 100px; position: relative; background: url(images/fullheader.png) no-repeat top right; padding-top: 25px;}
#contentcontainer { width:870px; margin-left: 90px; background: #1e0e0e url(images/patternlightfull.png) repeat-y;}

#content {width: 500px;  position: relative; z-index: 2; padding: 60px; float: left;}

#content h1.pagetitle {font-size: 24px; color: black; padding-bottom: 40px; font-weight: normal;}
/* @end */

/* @group Texbox */

/* @group like */

.iLikeThis { position: absolute; top: 20px; right: 10px; }
.iLikeThis .counter { display: block; padding-left: 0px !important; background: none !important; }
.iLikeThis .counter a{ background: url(images/i_like-empty.png) no-repeat !important; padding-top: 5px !important;line-height: 26px; padding-left: 34px !important; height: 26px; display: block; padding-right: 0px !important;}
.iLikeThis .counter a:hover {background: url(images/i_like_full.png) no-repeat !important; text-decoration: none !important;}

/* @end */

/* @group Allgemein */
#content .textbox>.header {	background: url(images/textbox_header.png) no-repeat scroll top left;	height: 8px;}
#content .textbox>.body {	background: #fbf9ec url(images/textbox_gradient.png) repeat-x scroll top left; min-height: 160px; padding: 10px 10px 10px 80px;}
#content .textbox>.footer {	background: url(images/textbox_footer.png) no-repeat scroll top left; height: 8px;}
/* @end */

/* @group Divided */

#content .textbox.divided>.body{padding: 0px 10px 0px 10px;float:left; width: 480px;}
#content .textbox.divided .col {width:230px;}
#content .textbox.divided .col.left {float: left;}
#content .textbox.divided .col.right {float: right;}
#content .textbox.divided>.footer {clear:both;}

/* @end */

/* @group Content Formatting */
.wp-smiley {vertical-align: text-bottom;}
#content .textbox {color: #50423b; position: relative; margin-bottom: 20px;}
#content .textbox .heading {margin-left: -10px;}
#content .textbox .heading,
#content .textbox .heading a {font-size: 24px; color: #2e2925; font-weight: normal;}
#content .textbox .date {background: url(images/ding.png) no-repeat scroll top left;width: 86px; height: 116px; position: absolute; top: -23px; left: -23px; color: #efebd4;}
#content .textbox .date .day { position: absolute; font-size: 36px; top: 34px; left: 24px; font-weight: 100;}
#content .textbox .date .month {  position: absolute; top: 73px; left: 24px; font-size: 11px; width: 40px;}
#content .textbox .details {margin-left: 10px; padding-bottom: 20px;}
#content .textbox a {color:#c79876; text-decoration: none;}
#content .textbox a:hover {text-decoration: underline;}
#content .textbox .divider {background: url(images/divider_v.png) no-repeat scroll bottom left;	width: 19px; position: absolute; top: 0; bottom: 0; left: 50%; margin-left:-9px;}
#content .textbox img {border:0px none;}

#content .textbox>.body img[width="500"] {width:410px; height: auto;}
/* Da der IE das mal wieder nicht versteht... */
/* #content .textbox p { overflow: hidden; } */

#content .textbox.page>.body{padding: 0px 10px 0px 10px;width: 480px;}
#content .textbox.page .heading {margin-left: 0px;}
/* @end */

/* @end */

/* @group Comments */
.aec-dropdown {	z-index: 50 }
#content .textbox#respond>.body,
#content .textbox#comments>.body {padding: 0px 10px 0px 10px; width: 480px;}
#content #respond h2,
#content #comments h2 {font-size: 14px; padding-bottom: 10px; font-weight: normal;}
#content #comments .commentlist {list-style-type: none;}
#content #comments .commentlist li {padding-left: 80px; position: relative; border-top: 1px solid #f1efe3; padding-top: 10px; min-height: 80px;}
#content #comments .commentlist li cite {font-style: normal;}
#content #comments .commentlist img.avatar {position: absolute; top: 10px; left: 0px; padding:5px; background: transparent url(images/gravatar_border.png) no-repeat; width:60px; height:60px;}
#content #comments .commentlist li .commentmetadata {position: absolute; top: 10px; right: 0px; }
#content #comments .commentlist li .comment-author {padding-bottom: 10px;}

#content #comments .commentlist li.bypostauthor {padding-left: 0px; padding-right: 80px;}
#content #comments .commentlist li.bypostauthor img.avatar {left: auto; right: 0px;}
#content #comments .commentlist li.bypostauthor .commentmetadata {right: 80px;}

#content #comments .commentlist li.pingback{ padding-left: 0px; }
#content #comments .commentlist li.pingback .comment-author { padding-bottom: 0px; }
#content #comments .commentlist li.pingback .commentmetadata {	padding-bottom: 10px;position: static;}
#content #respond textarea {width: 100%;}
#content #respond input {padding: 4px; font-size: 13px;} 
#content #respond input, 
#content #respond textarea {background: white; border: 1px solid #f1efe3;}
#content #submit { color: #50423b; background: url(images/button.png) no-repeat scroll top left !important; width: 144px; height: 34px; border: 0px none !important;}

#content .navigation {height: 50px; }
#content .navigation a{text-decoration: none; color: #50423b;}
#content .navigtaion a:hover{text-decoration: underline !important;}
#content .button {color: #50423b; background: url(images/button2.png) no-repeat scroll top left; width: 144px; height: 34px; border: 0px none; display: block; text-align:center; line-height: 34px; text-decoration: none; margin-bottom:10px;}

.smileys-list { position: absolute; bottom: 0px; right: 10px; width: 330px; }

/* @end */

/* @group Sidebar */

#sidebar { background: url(images/gradient.png) repeat-x;width: 250px; color: #877a7a; padding-bottom: 50px; float: right;}
#sidebar #sidebar_widgets { background: url(images/logo.png) no-repeat scroll top left; min-height: 400px;}
#sidebar .widget {padding: 10px 10px 20px 50px; padding-bottom: 20px; background: url(images/divider_h.png) no-repeat bottom left;}
#sidebar .widget:first-child {padding-left: 100px; min-height: 320px;}
#sidebar a {text-decoration: none; color: #877a7a}


/* @end */

/* @group Navigation */

#navigation { position: absolute; top: 0; width: 90px; padding-top: 60px;}
#navigation ul { list-style-type:none; float: right;}
#navigation ul li {opacity: 0.5; padding-bottom: 10px;}
#navigation ul li.active {opacity:1;}
#navigation ul li a span {display: none;}
#navigation ul li a {display: block; width: 42px;}
#navigation ul li#home a{background: url(images/Home.png) no-repeat scroll top left; height: 79px;}
#navigation ul li#about a {	background: url(images/About.png) no-repeat scroll top left; width: 42px;	height: 77px;}
#navigation ul li#blog a { background: url(images/Blog.png) no-repeat scroll top left; width: 42px;	height: 75px;}
#navigation ul li#social a {background: url(images/Social.png) no-repeat scroll top left; width: 42px; height: 74px;}
#navigation ul li#portfolio a { background: url(images/Portfolio.png) no-repeat scroll top left; width: 42px; height: 108px; }
#navigation ul li#beiwerk a { background: url(images/Beiwerk.png) no-repeat scroll top left; width: 42px;	height: 108px; }

/* @end */

/* @group Widget Settings */

#wp_movie_ratings { border: 0 !important; }
ul#reviews li { background: none !important; }

.blogroll .ul1 {float: right;} 
.blogroll ul { list-style-type: none;}

.widget h2 {font-size: 14px; padding-bottom: 10px; font-weight: normal;}

#sidebar .widget li {border-top: 1px solid #2b1414;border-bottom: 1px solid #170b0b; line-height: 20px; list-style-type: none;}
#sidebar .widget li:first-child { border-top: 0px none; }
#sidebar .widget li:last-child { border-bottom: 0px none; }

/* @group RecentEntries */
.blogroll ul,
.widget.widget_recent_entries ul {list-style-type: none;}
.blogroll ul li,
.widget.widget_recent_entries ul li {padding: 3px 0px; border-top: 1px solid #f1efe3; white-space: nowrap; overflow: hidden;}
.blogroll ul li:first-child,
.widget.widget_recent_entries ul li:first-child {border-top: 0px none;}

/* @end */

/* @group GetRecentComments */

.widget.widget_get_recent_comments ul {list-style-type: none;}
.widget.widget_get_recent_comments li {clear:both; line-height: 1.3em; padding-top: 5px; padding-left: 10px;}
.widget.widget_get_recent_comments li:first-child {padding-top: 0px;}
.widget.widget_get_recent_comments li img {float: left; margin-right: 5px; border: 2px solid black !important;}

/* @end */

/* @group Stimmungsmeter */

.stimmungsmeter_widget .bar {height: 28px; background: url(images/bar.png) no-repeat; margin-bottom: 10px;}
.stimmungsmeter_widget .bar .active {background: url(images/bar_active.png) no-repeat; height: 28px;}
.stimmungsmeter_widget ul {	margin-left: -20px; margin-top: 0px; margin-bottom: 0px;}
.stimmungsmeter_widget a { color: #573f3f !important; }
#sidebar .stimmungsmeter_widget li {	padding:6px 0px 6px 20px; border: 0px solid transparent; line-height: 1.3em; }
#sidebar .stimmungsmeter_widget li.value1 {background: url(images/happy.png) no-repeat 0px 5px;}
#sidebar .stimmungsmeter_widget li.value-1 {background: url(images/unhappy.png) no-repeat 0px 5px;}

/* @end */

/* @group TextWidget */

.widget.widget_text img.gravatar {padding: 5px;}
.widget.widget_text p.gravatar { float: right; padding: 5px; margin-bottom: 20px; background: url(images/gravatar_border_large.png) no-repeat;}
.widget.widget_text p {clear: right;}

/* @end */

/* @group Twitter */

.widget.widget_twitter ul { margin-left: -40px;	padding-left: 40px;	background: transparent url(images/bird.png) no-repeat;}
.widget.widget_twitter .twitter-timestamp {	color: #573f3f;display: block;}

/* @end */

/* @group Last.fm */

.widget.widget_lastfm .lastfm-timestamp {color: #573f3f;display: block;}

/* @end */

/* @group FlickrRSS */
.widget.widget_flickrRSS img {border:2px solid #877A7A; margin-right: 16px; margin-bottom: 15px;}
.widget.widget_flickrRSS a:hover img {border:2px solid #FBF9EC;}
/* @end */

/* @end */

/* @group ElsePlaces */
#text-363652801 {margin-left: -1px}
#text-363652801 img {float: left; margin-left: 1px; margin-bottom: 3px}
/* @end */
/* @group Footer */

#footer {background: #303030;	padding: 4px 0px;	border-top: 1px solid #404040;}
.footerlinks {	margin: 0 auto; width: 780px;	color: #707070}
.footerlinks a {	color: #707070}

/* @end */