/*  
Theme Name: tuxtina
Theme URI: http://tuxtina.de
Description: A two column theme. Clear and simple. Adapted from Almost Spring.
Version: 1.0
Author: Christina Zeeh
Author URI: http://tuxtina.de
*/

/* Basics and Typography */
body {
	margin: 0;
	padding: 0;
	background: #999;
/*	background-image: url(/resources/);*/
	font-size: .8em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
	color: #111;
	text-align: center;
}
p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.2em 0;
}
tt,pre, code {
   color:#006666; 
   text-align:left;
   font-size: 0.99em;
   font-family:Monaco, Courier, monospace;
}
ol, ul {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.2em 0 1.2em 2em;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
   font-weight: normal;
	margin: 1.2em 0;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
	color: #111; 
}
h1, h2 {
	font-size: 1.6em;
	font-weight: bold;
}
h3 {
	font-size: 1.4em;
	font-weight: bold;
}
h4 {
	font-size: 1.2em;
	font-weight: bold;
}
a {
	text-decoration: none;
}
a:link {
	color:#000066;;
}
a:visited {
	color:#000066;;
}
a:hover, a:active {
	color:#000066;;
}
input, textarea, select {
	border: 1px solid #C1C0B5;
	background-color: #FAFAFA;
	color: #333;
	font-size: 1em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
}
blockquote {
	margin: 0 20px;
	padding: 0 20px;
	border-left: 4px solid #BBB;
	font-size: 0.9em;
}
form, img {
	margin: 0;
	padding: 0;
	border: 0;
}
.small {
	font-size: 0.9em;
	color: #999;
}

/* Layout */

#wrapper {
	margin: 0 auto;
	margin-top:16px;
	margin-bottom:16px;
	background-color: #FAFAFA;
	text-align: left;
	border: 1px solid #333;
	width:910px;
}

#header {
	padding: 10px 0 10px 10px;
	background-color: #9999CC;
	border-bottom: 1px solid #333;   
}

#bird-top {
	float:right;
	margin-top:-56px;
	padding-right:54px;
	height:80px;
	width:80px;
	background-image:url(/resources/cute.png);
	background-repeat:no-repeat
}
#bird-bottom {
	float:left;
	margin-top:-45px;
	margin-left:-90px;
	height:128px;
	width:128px;
	background-image:url(/resources/cute-jump.png);
	background-repeat:no-repeat
}
#infobox {
	display: block;
	padding: 12px;
	margin: 21px 0px 0px 0px;
	border: 1px solid #e6e6e6;
    background-color: #f6f6f6;
}

#infobox p {
	padding:2px;
	margin:0px;
}

#infobox ul {
	padding-top:2px;
	padding-bottom:2px;
	margin-top:0px;
	margin-bottom:0px;
}

/* Header Styles */
#header h1 {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
  font-weight: normal;
  margin: 0;
  font-size: 2.0em;
}
#header h1 a {
  text-decoration: none;
}		
#header h2 {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
  font-weight: normal;
	margin: 0;
	color: #FFF;
	text-transform:lowercase;
	font-size: 1.4em;
}
#content {
	float: left;
	margin: 0 20px 0 16px;
	width: 72%;
	display: inline; /* IE double margin bug fix */
}
#sidebar {
	float: right;
	margin: 0 0px 0 0px;
	width: 180px;
	font-size: 0.9em;
	display: inline; /* IE double margin bug fix */
	background-color: #EEE;
	border: 1px solid #333;
	border-top:0px;
	margin: 6px;
}
* html #content, * html #sidebar {
	overflow: hidden; /* For IE */
}
#footer {
	clear: both;
	font-size: 0.9em;
	text-align: center;
}
	/* Footer Styles */
	#footer p {
		margin: 0;
		padding: 10px 0 10px 0;
		background-color: #9999CC;
		border-top: 1px solid #333;
		font-size: 0.9em;
		text-align: center;
	}
	
/* Sidebar Styles */

#sidebar h2 {
	display: inline;
	margin: 1.2em 0 0.6em 0;
	padding: .4em;
	font-size: 1.1em;
	color: #FFF;
	width:170px;
}

#sidebar .title {
   text-align:center;
   padding: 1px;
   background-color: #9999CC;
   border-top: 1px solid #333;
   border-bottom: 1px solid #333;
}

#sidebar .widgettitle {
   text-align:center;
   padding: 1px;
   background-color: #9999CC;
   border-top: 1px solid #333;
   border-bottom: 1px solid #333;
}

#sidebar ul {
	padding: 0;
	padding-top:4px;
	padding-bottom:4px;
	list-style-type: none;
	margin: 0;
	background-color: #EEE;
}
#sidebar ul li {
	padding: 0 0 0 10px;
}
#sidebar ul li ul {
	padding: 0px;
}
#sidebar ul li a {
	display: block;
	margin: 0 0 0 -10px;
	padding: 0.1em 10px;
} 
html>body #sidebar ul ul li a {
}
#sidebar ul ul li a:hover {
	background-color: #DDD;
}
/* Nested lists? */
#sidebar ul ul ul {
	margin: 0;
	border: none;
}
#sidebar ul ul ul li {
	margin: 0 0 0 -10px;
	padding: 0 0 0 25px;
}
#sidebar ul ul ul li a {
	margin: 0 0 0 -25px;
	padding: 0.1em 10px 0.1em 25px;
} 
html>body #sidebar ul ul ul li a {
}

p.twitter-message {
	padding: 0.1em 10px;
}

#sidebar p {
	padding:2px;
	padding-top:4px;
	margin:0px;
}

/* Calendar */
#wp-calendar {
	margin: 0 0 1.2em 0;
    width: 100%;
	background: #EEE;
	line-height: 1.2em;
	text-align: center;
} 
html>body #wp-calendar {
}
#wp-calendar caption {
	margin: 0 0 0 0;
	padding: 0.4em;
	background: #9999CC;
  	border-bottom: 1px solid #333;
	color: #FFF;
	font-weight: bold;
	margin-bottom: 2px;
}
#wp-calendar td {
	border: 0;
	border-collapse: collapse;
	background: #EEEEEE;
}
#wp-calendar td a {
	display: block;
	width: 100%;
}
#wp-calendar td.pad {
	background: transparent;
}
#wp-calendar td#next, #wp-calendar td#prev {
	padding: 0.1em 2px;
	background: transparent;
}
#wp-calendar td#next a, #wp-calendar td#prev a {
	display: inline;
}
#wp-calendar td#next {
	text-align: right;
}
#wp-calendar td#prev {
	text-align: left;
}

/* Blog */

.post {
}
.posttitle {
	float: left;
	margin-bottom: 0;
	width: 100%;
	color: #111;
	overflow: auto;
	padding: 0 0 0 0;
	/* Width and overflow to clear '.posttitle a' */
}
.posttitle a {
	float: left;
	padding: 0 0 0 1px;
}
.posttitle a:link, .posttitle a:visited {
	color: #111;	
}
.posttitle a:hover, .posttitle a:active {
	color: #000066;
}
.postmeta {
	margin-top: 0;
	padding: 1px 0 0 1px;
	font-size: 0.9em;
	color: #999;
}
.postentry {
   padding: 0 0 0 15px;
}

.postfeedback {
   font-size: 0.9em;
   padding: 1px;
   padding-bottom: 6px;
   border-bottom:1px solid #999;
   text-align: right;
}

.permalink {
	margin: 0 20px 0 0;
	padding: 0 0 0 14px;
	background: url(images/permalink.gif) no-repeat center left;
}
.commentslink {
	padding: 0 0 0 20px;
	background: url(images/commentslink.gif) no-repeat center left;
}

/* Comments */

#commentlist {
	margin: 1.2em 0;
	padding: 0;
	border-bottom: 1px solid #BBB;
	list-style-type: none;
}
#commentlist li {
	border-top: 1px solid #BBB;
	padding: 1px 20px;
	background-color: #FAFAFA;
}
.alt {
	background-color: #FAFAF0 !important;
}
.commenttitle {
	margin-bottom: 0;
	font-size: 1.1em;
}
.commentmeta {
	margin-top: 0;
	font-size: 0.9em;
	color: #999;
}
#comment {
	width: 98%;
}

/* Widgets and Etc */

.widget_search div {
	margin: 1.2em 0;
}

#sidebar #s {
	margin-bottom: 2px;
	width: 170px;
}

/* Normal Bubble */
div.bubble {
	margin:0;
	margin-top:12px;
	padding:4px;
	width: auto;
/*	font-size: 0.75em;*/
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	padding-left:8px;
	padding-right:4px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(images/tip.gif) no-repeat 20px 0;
	font-style: normal;
}

/* Rounded Bubble */
div.bubble div.rounded {
	margin-bottom: 10px;
	border: 3px solid #fff;
	background-color: #b7e0ff;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 12px;
	top: 8px;
	background: transparent url(images/tip-rounded.gif) no-repeat 15px 0;
}

/* Gallery */

.gallery {
	margin: auto;
}
.gallery-item {
	float: left;
	margin:5px;
	text-align: center;
	width: 130px;			
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-caption {
	margin-left: 0;
}

/* Zenphoto (WordPress) */

dl.ZenphotoPress_widget {
	padding:2px;
	margin:0px;
}

.ZenphotoPress_widget dt {
	margin:0px;
}

.ZenphotoPress_widget img {
	margin:2px 2px 2px 2px;
	width:70px;
	height:70px;
	background-color: #f3f3f3; 
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #ddd;
	padding: 6px !important;
	-moz-border-radius: 3px !important;
}


/* Special treatment for homepage */

#content-home {
	float: left;
	margin: 0;
	width: 100%;
	height: 560px;
	background-image: url("images/home_bg.jpg");
	background-position:bottom left;
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	display: inline; /* IE double margin bug fix */
}
#content-home div div.navitem {
	float: left;
	width: 200px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
}
#content-home h3 {
	font-size:1.2em;
	font-weight:normal;
	padding-bottom:0px;
	margin-bottom:0px;
}
#content-home p {
	padding-top:0px;
	margin-top:0px;
	color:#7f7f7f;
}
#content-home div.bubble {
	padding:16px;
	float: right;
	vertical-align: top;
	width:205px;
}

#content-home div.bubble div.rounded {
	border: 1px solid #90b2cb;
}

#content-home div.bubble cite.rounded {
	width:200px;
	background: transparent url(images/tip-rounded-black.png) no-repeat 18px 0;
}